:root{--bg-base:#060608;--bg-surface:#0c0c0f;--bg-card:#111115;--bg-elevated:#18181e;--bg-modal:#0a0a0d;--border:hsla(0,0%,100%,.06);--border-hover:rgba(245,158,11,.3);--border-glow:rgba(245,158,11,.55);--amber:#f59e0b;--amber-light:#fbbf24;--amber-dim:rgba(245,158,11,.1);--amber-glow:rgba(245,158,11,.22);--amber-deep:#d97706;--orange:#ea580c;--green:#22c55e;--green-dim:rgba(34,197,94,.1);--red:#ef4444;--red-dim:rgba(239,68,68,.1);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.1);--purple:#a855f7;--cyan:#06b6d4;--text-primary:#f0f0f0;--text-secondary:#9a9a9a;--text-muted:#4a4a4a;--text-amber:#fbbf24;--text-code:#fde68a;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--shadow-card:0 0 0 1px hsla(0,0%,100%,.04),0 8px 48px rgba(0,0,0,.7);--shadow-amber:0 0 48px rgba(245,158,11,.12),0 0 100px rgba(245,158,11,.05);--shadow-green:0 0 20px rgba(34,197,94,.25);--shadow-red:0 0 20px rgba(239,68,68,.25);--t-fast:150ms cubic-bezier(0.4,0,0.2,1);--t-normal:280ms cubic-bezier(0.4,0,0.2,1);--t-slow:450ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}img{display:block;max-width:100%}ol,ul{list-style:none}input,select,textarea{font:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(245,158,11,.25);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--amber)}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.025em;line-height:1.15}.mono,code,pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid-bg{background-image:linear-gradient(rgba(245,158,11,.025) 1px,transparent 0),linear-gradient(90deg,rgba(245,158,11,.025) 1px,transparent 0);background-size:64px 64px}.gradient-text{background:linear-gradient(135deg,#fde68a 0,var(--amber-light) 40%,var(--amber) 70%,var(--orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-white{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.65));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-normal)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-amber);transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--amber-light) 0,var(--amber) 50%,var(--amber-deep) 100%);color:#000;font-weight:800;font-size:.88rem;padding:12px 28px;border-radius:100px;transition:opacity var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);box-shadow:0 0 28px rgba(245,158,11,.35);letter-spacing:-.01em}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 48px rgba(245,158,11,.55)}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.88rem;padding:11px 28px;border-radius:100px;border:1px solid var(--border);transition:all var(--t-normal)}.btn-outline:hover{border-color:var(--border-hover);color:var(--text-amber)}.badge,.btn-outline:hover{background:var(--amber-dim)}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(245,158,11,.2);color:var(--amber-light);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 12px;border-radius:100px}.badge-green{background:var(--green-dim);border-color:rgba(34,197,94,.2);color:var(--green)}.badge-red{background:var(--red-dim);border-color:rgba(239,68,68,.2);color:var(--red)}.badge-blue{background:var(--blue-dim);border-color:rgba(59,130,246,.2);color:var(--blue)}.dot-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:dotPulse 2s ease-in-out infinite;flex-shrink:0}.dot-amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot-blue{background:var(--blue);box-shadow:0 0 8px var(--blue)}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.glow-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.5}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes orbitRing{to{transform:rotate(1turn)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(245,158,11,.2)}50%{box-shadow:0 0 60px rgba(245,158,11,.5),0 0 100px rgba(245,158,11,.2)}}@keyframes scanLine{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes dataFlow{0%{stroke-dashoffset:200;opacity:0}20%{opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes nodeActivate{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,158,11,0)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(245,158,11,.1)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(245,158,11,0)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes progressFill{0%{width:0}to{width:var(--target-width,100%)}}@keyframes rotateHex{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particleDrift{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(var(--dx,20px),var(--dy,-40px)) scale(0);opacity:0}}.animate-fade-up{animation:fadeUp .65s cubic-bezier(.4,0,.2,1) forwards}.animate-float{animation:floatY 6s ease-in-out infinite}.animate-glow-pulse{animation:pulseGlow 3s ease-in-out infinite}.code-block{background:#07070a;border:1px solid hsla(0,0%,100%,.05);border-radius:var(--r-md);padding:20px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.75;color:var(--text-code);position:relative}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);border-radius:var(--r-md) var(--r-md) 0 0}.code-block .line-added{color:var(--green)}.code-block .line-removed{color:var(--red)}.code-block .line-ctx{color:var(--text-muted)}.tag{display:inline-block;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--text-secondary);font-size:.74rem;padding:3px 10px;border-radius:6px;transition:all var(--t-fast)}.tag:hover{border-color:var(--border-hover);color:var(--text-amber);background:var(--amber-dim)}.tag.mono{font-family:JetBrains Mono,monospace;font-size:.72rem}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);padding:12px 16px;font-size:.9rem;transition:border-color var(--t-normal),box-shadow var(--t-normal);outline:none}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.08)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px;line-height:1.65}.progress-bar{height:3px;background:var(--bg-elevated);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--amber),var(--amber-light));border-radius:100px;animation:progressFill 1.5s cubic-bezier(.4,0,.2,1) forwards}.stat-number{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.75));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}