:root{--bg-color:#0d0f14;--bg-card:#161b22;--bg-code:#010409;--primary:#00ff88;--secondary:#00d4ff;--accent:#7928ca;--text-main:#e6edf3;--text-muted:#8b949e;--error:#ff4d4d;--warning:#f1e05a;--success:#238636;--border:#30363d;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-sans:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1.25rem}}header{border-bottom:1px solid var(--border);padding:1.5rem 0;background:rgba(13,15,20,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{justify-content:space-between}.logo,.nav-content{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.5px;gap:.5rem}.logo:before{content:"{ }";font-family:var(--font-mono);font-weight:400}main{min-height:calc(100vh - 80px);padding:3rem 0}@media (max-width:768px){main{padding:2rem 0}}h1,h2,h3{margin-bottom:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--primary);transform:translateY(-2px)}@media (max-width:768px){.card{padding:1.5rem}}button{cursor:pointer;font-family:inherit;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(0,255,136,.4)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{border-color:var(--text-muted)}code{font-family:var(--font-mono);background:var(--bg-code);padding:.2rem .4rem;border-radius:4px;font-size:.9em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease-out forwards}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-error{color:var(--error)}.text-success{color:var(--success)}pre::-webkit-scrollbar{height:8px;width:8px}pre::-webkit-scrollbar-track{background:var(--bg-code)}pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tabs-container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabs-container::-webkit-scrollbar{display:none}