:root{--bg:#0f0b1a;--bg2:#1a1330;--card:#221a3d;--text:#f1ead8;--dim:#b9b0c9;--glow:#ffb840;--glow2:#ff7a45}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at top,var(--bg2),var(--bg) 60%);color:var(--text);font:16px/1.75 -apple-system,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;min-height:100vh}
a{color:var(--glow)}
header.nav{position:sticky;top:0;z-index:5;background:rgba(15,11,26,.92);border-bottom:1px solid #ffffff14;padding:.6rem 1rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between}
header.nav nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.9rem}
header.nav a{text-decoration:none;color:var(--dim)}
header.nav a:hover{color:var(--glow)}
header.nav a.brand{font-weight:700;color:var(--glow)}
main{max-width:720px;margin:0 auto;padding:0 1.1rem 3rem}
.hero{text-align:center;padding:4rem 0 3rem}
.bulbs{letter-spacing:.6rem;color:var(--glow);text-shadow:0 0 10px var(--glow),0 0 22px var(--glow2);font-size:1.1rem}
h1{font-size:clamp(2rem,8vw,3.2rem);margin:.6rem 0 .2rem;color:var(--glow);text-shadow:0 0 18px #ff9b3a66;line-height:1.2}
.sub{font-size:.95rem;color:var(--dim);margin:0 0 1rem}
.lead{font-size:1.15rem}
.badge{display:inline-block;margin-top:1rem;padding:.6rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,var(--glow),var(--glow2));color:#1b0f00;font-weight:700}
section{padding:2rem 0;border-top:1px solid #ffffff14;scroll-margin-top:4rem}
h2{color:var(--glow);font-size:1.5rem;margin:0 0 .8rem}
h3{font-size:1.05rem;margin:1.4rem 0 .3rem}
.card{background:var(--card);border-radius:14px;padding:1rem 1.2rem;margin:.8rem 0}
ul{padding-left:1.2rem}
li{margin:.3rem 0}
footer{text-align:center;color:var(--dim);font-size:.85rem;padding:2rem 1rem}