:root{--void:#08061a;--void2:#050310;--cyan:#22e8ff;--magenta:#ff2fd1;--violet:#a45bff;--bone:#f5f7ff;--muted:rgba(245,247,255,.62)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 80% at 50% 0,#1b0b3a 0,var(--void) 45%,var(--void2) 100%);color:var(--bone);
     font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:56px 22px 80px}
h1{font-size:clamp(34px,8vw,58px);letter-spacing:.14em;margin:0 0 6px;
   background:linear-gradient(120deg,var(--cyan),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:20px;margin:38px 0 10px;color:var(--cyan)}
h3{font-size:16px;margin:22px 0 6px}
.tag{color:var(--muted);letter-spacing:.3em;font-size:13px;margin:0 0 30px;text-transform:uppercase}
p,li{color:var(--muted)}
a{color:var(--cyan)}
.card{border:1px solid rgba(164,91,255,.35);background:rgba(255,255,255,.03);border-radius:18px;padding:20px 22px;margin:16px 0}
.pill{display:inline-block;border:1px solid rgba(34,232,255,.45);border-radius:999px;padding:6px 14px;margin:4px 6px 4px 0;font-size:13px;color:var(--cyan)}
nav{margin-bottom:28px}
nav a{margin-right:18px;font-size:14px}
footer{margin-top:56px;font-size:13px;color:rgba(245,247,255,.4)}
hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:34px 0}