:root{--bg:#05030d;--panel:#0d0820;--ink:#e8f7ff;--dim:#a99fcf;--cyan:#00f0ff;--pink:#ff2bd6;--yel:#ffe600;--line:#2a1f55}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(ellipse at 50% -10%,#1b0d3d 0,var(--bg) 60%) fixed,var(--bg);color:var(--ink);
font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--cyan)}a:hover{color:var(--pink)}
header{position:sticky;top:0;z-index:5;background:#05030de6;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
nav{max-width:860px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding:10px 18px}
nav .brand{font-weight:800;letter-spacing:.12em;text-decoration:none;color:var(--ink);margin-right:auto;text-shadow:0 0 8px var(--pink)}
nav a{text-decoration:none;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
nav a[aria-current]{color:var(--yel)}
main{max-width:860px;margin:0 auto;padding:24px 18px 60px}
h1{font-size:clamp(26px,6vw,40px);line-height:1.15;letter-spacing:.04em;margin:.4em 0 .6em;
background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{margin-top:2em;padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:22px}
h3{color:var(--yel);font-size:18px;margin-top:1.6em}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--panel);color:var(--cyan)}
tr:nth-child(even) td{background:#0a0619}
blockquote{margin:1em 0;padding:10px 16px;border-left:3px solid var(--pink);background:var(--panel);border-radius:0 8px 8px 0}
code{background:var(--panel);padding:1px 5px;border-radius:4px}
footer{border-top:1px solid var(--line);color:var(--dim);font-size:13px;text-align:center;padding:20px}
.hero{text-align:center;padding:30px 0 10px}.hero img{max-width:min(420px,90%);height:auto;filter:drop-shadow(0 0 18px #ff2bd655)}
.tag{font-size:clamp(18px,4.5vw,24px);font-weight:700;letter-spacing:.06em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}
.card{display:block;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 0 0 1px #00f0ff22,0 0 18px #00f0ff11}
.card:hover{border-color:var(--pink);box-shadow:0 0 18px #ff2bd644}.card b{color:var(--cyan);display:block;margin-bottom:4px}