:root{--bg: #0A0714;--surface: rgba(255, 255, 255, .04);--surface-solid: #140F23;--border: rgba(255, 255, 255, .1);--text: #F4F1FB;--muted: #9D97B5;--grad: linear-gradient(100deg, #8B5CF6, #EC4899);--grad-soft: linear-gradient(100deg, rgba(139,92,246,.16), rgba(236,72,153,.16));--violet: #8B5CF6;--pink: #EC4899;--app-sss: #34D399;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-full: 999px;--max-w: 1120px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 16px}.section{padding:56px 0}@media(min-width:768px){.section{padding:72px 0}}.h1{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}@media(min-width:768px){.h1{font-size:3.25rem}}.h2{font-size:1.875rem;font-weight:800;letter-spacing:-.01em}.h3{font-size:1.25rem;font-weight:700}.lead{font-size:1.125rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.875rem}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--r-full);padding:14px 28px;min-height:48px;transition:all .15s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 32px #8b5cf673}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-play{background:#fff;color:#0a0714}.btn-play:hover{background:#e9e4f5}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--violet);color:#c4b5fd}.btn-sm{padding:8px 18px;min-height:40px;font-size:.875rem}.badge{display:inline-flex;gap:4px;background:var(--grad-soft);color:#c4b5fd;border:1px solid rgba(139,92,246,.35);border-radius:var(--r-full);padding:6px 14px;font-size:.75rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;backdrop-filter:blur(10px)}.card-hover{transition:border-color .15s,transform .15s,box-shadow .15s}.card-hover:hover{border-color:#8b5cf699;transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf640}.nav{position:sticky;top:0;z-index:50;background:#0a0714cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-weight:800;font-size:1.3rem}.nav-logo .go{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:none;gap:24px;align-items:center}.nav-links a{color:var(--muted);font-size:.875rem;font-weight:600}.nav-links a:hover{color:var(--text)}@media(min-width:768px){.nav-links{display:flex}}.footer{background:var(--surface-solid);border-top:1px solid var(--border);padding:48px 0 32px;margin-top:64px}.footer-grid{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px}.footer a{color:var(--muted);font-size:.875rem;display:block;padding:4px 0}.footer a:hover{color:#c4b5fd}.footer-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:24px;font-size:.75rem;color:var(--muted);text-align:center}.content-page{max-width:760px;margin:0 auto;padding:48px 16px 64px}.content-page h1{font-size:2rem;font-weight:800;margin-bottom:8px}.content-page h2{font-size:1.25rem;font-weight:700;color:#c4b5fd;margin:28px 0 10px}.content-page h3{font-size:1rem;font-weight:700;margin:16px 0 8px}.content-page p{margin-bottom:12px}.content-page ul{margin:8px 0 12px 20px}.content-page li{margin-bottom:6px}.content-page a{color:#c4b5fd;text-decoration:underline}.content-page a:hover{color:var(--pink)}.content-page table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:12px}.content-page th,.content-page td{border:1px solid var(--border);padding:8px 12px;text-align:left}.content-page .updated{color:var(--muted);font-size:.875rem;margin-bottom:24px}
