:root{color-scheme:dark;--bg:#120b18;--card:#21152b;--ink:#f8edf7;--muted:#cdbbca;--line:#4b3852;--pink:#f06c92;--blue:#8fd7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#36203f 0,transparent 38%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.7}main{width:min(760px,calc(100% - 32px));margin:auto;padding:44px 0}a{color:var(--blue)}header{margin-bottom:28px}header span{color:#f3d5b2;letter-spacing:.18em;font-size:.78rem}h1{font-size:clamp(2rem,8vw,3.5rem);line-height:1.1;margin:.25em 0}h2{margin-top:0;font-size:1.2rem}.card,.grid a{display:block;background:rgb(33 21 43 / 88%);border:1px solid var(--line);border-radius:18px;padding:22px;margin:14px 0;box-shadow:0 16px 50px rgb(0 0 0 / 20%)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid a{margin:0;text-decoration:none;color:var(--ink);font-weight:700}.button{display:inline-block;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--pink),#9b6cf0);color:white;text-decoration:none;font-weight:800}li+li{margin-top:8px}footer{padding:26px 0;color:var(--muted);font-size:.9rem}@media(max-width:620px){main{width:min(100% - 24px,760px);padding:28px 0}.grid{grid-template-columns:1fr}.card{padding:18px}h1{font-size:2.2rem}}