:root{--bg-darker: #06090e;--bg-base: #090e17;--bg-surface: #0f172a;--bg-surface-elevated: #162035;--bg-card: rgba(15, 23, 42, .75);--bg-glass: rgba(15, 23, 42, .6);--bg-glass-hover: rgba(22, 32, 53, .85);--accent-cyan: #00f2fe;--accent-blue: #38bdf8;--accent-indigo: #6366f1;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-purple: #a855f7;--grad-primary: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--grad-accent: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);--grad-terminal: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--grad-surface: linear-gradient(180deg, rgba(30, 41, 59, .5) 0%, rgba(15, 23, 42, .8) 100%);--grad-glow: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, .15) 0%, transparent 70%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--text-highlight: #38bdf8;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(56, 189, 248, .35);--border-glow: rgba(0, 242, 254, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .6), 0 4px 16px rgba(56, 189, 248, .08);--glow-cyan: 0 0 25px rgba(0, 242, 254, .3);--glow-emerald: 0 0 25px rgba(16, 185, 129, .25);--container-max: 1200px;--header-height: 76px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--trans-fast: .18s ease;--trans-normal: .3s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.12) 0px,transparent 50%),radial-gradient(at 100% 40%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.08) 0px,transparent 60%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-main);line-height:1.25;font-weight:700;letter-spacing:-.025em}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.text-gradient{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-gradient-cyan{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);background:#38bdf81a;color:var(--accent-blue);border:1px solid rgba(56,189,248,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-emerald{background:#10b9811f;color:var(--accent-emerald);border-color:#10b9814d}.badge-pulse{width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--trans-normal);font-family:var(--font-sans);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--grad-primary);color:#040914;font-weight:700;box-shadow:0 4px 18px #00f2fe40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00f2fe73;filter:brightness(1.08)}.btn-outline{background:#ffffff08;color:var(--text-main);border-color:var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff14;border-color:var(--border-active);color:var(--accent-blue);transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:all var(--trans-normal);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-active);background:var(--bg-glass-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}dialog{border:none;border-radius:var(--radius-lg);background:transparent;padding:0;margin:auto;max-width:580px;width:90vw;box-shadow:0 25px 60px -15px #000000e6,0 0 35px #38bdf833;color:var(--text-main);overscroll-behavior:contain}dialog[open]{display:block}dialog:modal{border:1px solid var(--border-active);background:#0d1527;overflow:hidden}dialog::backdrop{background:#04070ec7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}details{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:.85rem;transition:all var(--trans-normal);overflow:hidden}details[open]{border-color:var(--border-active);background:var(--bg-surface-elevated)}summary{padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;list-style:none;-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--font-mono);font-size:1.4rem;font-weight:400;color:var(--accent-blue);transition:transform var(--trans-fast)}details[open] summary:after{transform:rotate(45deg);color:var(--accent-cyan)}.details-content{padding:0 1.5rem 1.25rem;color:var(--text-muted);line-height:1.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#334155}