:root{color-scheme:dark;--bg:#0e1018;--panel:#191b27;--ink:#f5f2f7;--muted:#b5b2c0;--purple:#9a75b5;--mint:#81baa0;--blue:#8baef2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#30233a 0,transparent 39%),var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}header{max-width:1120px;margin:auto;padding:25px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{text-decoration:none}header .brand{font-weight:900;letter-spacing:.02em}header nav{display:flex;gap:22px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:25px}h1,h2,h3{line-height:1.16}h1{font-size:clamp(42px,8vw,86px);margin:20px 0;letter-spacing:-.05em}h2{font-size:clamp(28px,4vw,42px)}.intro{max-width:780px;padding:60px 0 70px}.kicker{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--mint);font-weight:800}.lede{font-size:clamp(18px,2.6vw,24px);color:#d2cbd8;max-width:650px}.btn{display:inline-block;background:var(--ink);color:#12121a;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:750;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:24px 0 55px}.tile{border:1px solid #383342;background:linear-gradient(145deg,#22202e,#161923);border-radius:20px;padding:25px;min-height:205px;text-decoration:none;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#9a75b5}.tile h3{font-size:26px;margin:12px 0}.tile p{color:var(--muted);margin:0}.symbol{font-size:29px}.notice{background:#1b2430;border-left:3px solid var(--blue);padding:16px 20px;border-radius:9px;color:#ddd}footer{border-top:1px solid #35313c;color:var(--muted);max-width:1120px;margin:60px auto 0;padding:26px 25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:#d4cde0}.detail{max-width:780px;padding:70px 0}.tag{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}header nav{gap:15px}main{padding:18px}.intro{padding:35px 0}.tile{min-height:170px}footer{margin-top:30px}}