:root{--bg: #0a0a0f;--surface: #12121a;--surface-2: #1a1a26;--border: #2a2a3a;--text: #e0e0ec;--text-dim: #8888a0;--accent: #7c6ff7;--accent-glow: #9d8dfa;--accent-2: #4fd1c5;--accent-3: #f687b3;--code-bg: #0d0d14;--radius: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.hero{text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(124,111,247,.12) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,var(--accent-glow) 50%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.hero p{font-size:1.2rem;color:var(--text-dim);max-width:600px;margin:0 auto 36px}.badge-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:var(--surface)}.badge.live{border-color:var(--accent-2);color:var(--accent-2)}.badge.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.container{max-width:960px;margin:0 auto;padding:0 24px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-bottom:64px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:#fff}.feature-card p{font-size:.9rem;color:var(--text-dim);line-height:1.6}section{margin-bottom:64px}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:8px}.section-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:24px;color:#fff}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.code-block .toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.code-block .toolbar .dots{display:flex;gap:6px}.code-block .toolbar .dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.code-block .toolbar .filename{font-size:.78rem;color:var(--text-dim);font-family:JetBrains Mono,Fira Code,monospace}.code-block .CodeMirror{background:var(--code-bg)!important;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace!important;font-size:13.5px!important;line-height:1.65!important;height:auto!important;width:100%!important;padding:12px 0!important;border:none!important}.code-block .CodeMirror-scroll{max-height:480px;overflow-x:auto!important}.code-block .CodeMirror-lines{padding:0 8px!important}.code-block .CodeMirror-sizer{min-width:100%!important}.code-block .CodeMirror-gutters{background:var(--code-bg)!important;border-right:1px solid var(--border)!important}.code-block .CodeMirror-linenumber{color:#3a3a50!important;padding:0 8px 0 6px!important}.code-block .CodeMirror-cursor{border-left-color:var(--accent)!important}.code-block .CodeMirror-selected{background:#7c6ff726!important}.cm-s-loxel .cm-keyword{color:#c792ea;font-weight:600}.cm-s-loxel .cm-def{color:#82aaff}.cm-s-loxel .cm-variable{color:#e0e0ec}.cm-s-loxel .cm-variable-2{color:#89ddff}.cm-s-loxel .cm-type{color:#ffcb6b;font-style:italic}.cm-s-loxel .cm-string,.cm-s-loxel .cm-string-2,.cm-s-loxel .cm-template{color:#c3e88d}.cm-s-loxel .cm-interpolation{color:#89ddff;font-weight:600}.cm-s-loxel .cm-number{color:#f78c6c}.cm-s-loxel .cm-operator{color:#89ddff}.cm-s-loxel .cm-pipe{color:#c792ea;font-weight:700}.cm-s-loxel .cm-comment{color:#546e7a;font-style:italic}.cm-s-loxel .cm-builtin{color:#4fd1c5}.cm-s-loxel .cm-property{color:#f07178}.cm-s-loxel .cm-atom{color:#f78c6c}.cm-s-loxel .cm-meta{color:#ffcb6b}.cm-s-loxel .cm-bracket{color:#89ddff}.cm-s-loxel .cm-tag{color:#f07178}.cm-s-loxel .cm-attribute,.cm-s-loxel .cm-qualifier{color:#c792ea}.cm-s-loxel .cm-arrow{color:#89ddff;font-weight:600}.cm-s-loxel .cm-decorator{color:#f687b3;font-style:italic}.i18n-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.i18n-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:border-color .2s}.i18n-card:hover{border-color:var(--accent-2)}.i18n-card .lang-name{font-weight:700;font-size:.95rem;color:#fff;margin-bottom:6px}.i18n-card code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;color:var(--accent-glow);background:var(--surface-2);padding:2px 7px;border-radius:4px}.server-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.info-item .label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.info-item .value{font-size:1.1rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}footer{text-align:center;padding:40px 24px;color:var(--text-dim);font-size:.85rem;border-top:1px solid var(--border)}footer a{color:var(--accent-glow);text-decoration:none}footer a:hover{text-decoration:underline}