/* /css/style.css */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
    --gold: #FFB800; 
    --red: #E63946;  
    --speed: 0.4s;   
}

body.dark-theme {
    --bg: #050505;
    --text: #ffffff;
    --text-sub: #888888;
    --card: #111111;
    --border: #222222;
    --header-bg: rgba(5, 5, 5, 0.8);
}

body.light-theme {
    --bg: #ffffff;
    --text: #222222;
    --text-sub: #666666;
    --card: #f8f8f8;
    --border: #eeeeee;
    --header-bg: rgba(255, 255, 255, 0.8);
}

* { margin: 0px; padding: 0px; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { 
    font-family: 'Pretendard', sans-serif; 
    background-color: var(--bg); 
    color: var(--text); 
    line-height: 1.6;
    transition: background var(--speed), color var(--speed);
}

#wrap { 
    display: flex; 
    width: 100%; 
    min-height: 100vh; 
}

#container { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh;
    min-width: 0px; 
}

main {
    flex: 1;
}

.inner { 
    max-width: 1200px; 
    margin: 0px auto; 
    padding: 0px 20px; 
    width: 100%; 
}

section { 
    padding: 100px 0px; 
}

.title-main { 
    font-size: 3.5rem; 
    font-weight: 900; 
    line-height: 1.2; 
}

.title-sub { 
    font-size: 1.2rem; 
    color: var(--text-sub); 
}

@media (max-width: 1024px) {
    .title-main { font-size: 2.8rem; }
}

@media (max-width: 768px) {
    section { padding: 60px 0px; }
    .title-main { font-size: 2.2rem; }
    .title-sub { font-size: 1rem; }
}

.btn-point {
    background-color: var(--red);
    color: #ffffff;
    padding: 15px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: 0.3s;
}

.btn-point:hover {
    transform: scale(1.05);
    background-color: var(--gold);
}