@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--c-bg:#0b0d11;--c-surface:#111318;--c-panel:#181c24;--c-primary:#4af0a2;--c-primary-dim:#4af0a21f;--c-secondary:#5b8aff;--c-secondary-dim:#5b8aff1f;--c-warn:#f0a84a;--c-warn-dim:#f0a84a1f;--c-danger:#f05a5a;--c-danger-dim:#f05a5a1f;--c-text-primary:#e8ecf2;--c-text-secondary:#8a93a6;--c-text-tertiary:#555e72;--c-border:#ffffff12;--c-border-hover:#ffffff24;--f-display:"DM Mono", monospace;--f-body:"IBM Plex Sans", sans-serif;--t-base:.18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--c-bg);color:var(--c-text-primary);font-family:var(--f-body);-webkit-font-smoothing:antialiased}body{margin:0;overflow-x:hidden}h1,h2,h3,h4,.mono{font-family:var(--f-display)}.container{max-width:1240px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grid-2,.grid-3,.grid-4{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=960px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);height:60px;transition:var(--t-base);position:sticky;top:0}.nav--scrolled{border-bottom-color:var(--c-border-hover);background:#0b0d11cc}.nav__logo{font-family:var(--f-display);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.nav__logo:before{content:"";background:var(--c-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:1;transform:scale(1);box-shadow:0 0 #4af0a2b3}70%{opacity:1;transform:scale(1);box-shadow:0 0 0 10px #4af0a200}to{opacity:0;transform:scale(1);box-shadow:0 0 #4af0a200}}.nav__links a{color:var(--c-text-secondary);transition:var(--t-base);border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none}.nav__links a:hover,.nav__links a.active{color:var(--c-text-primary);background:#ffffff0d}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn:active{transform:scale(.96)}.btn:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn:hover:after{top:100%;left:100%}.btn--primary{background:var(--c-primary);color:var(--c-bg);box-shadow:0 4px 15px #4af0a233}.btn--primary:hover{background:#5cf5af;box-shadow:0 8px 25px #4af0a266}.btn--outline{border-color:var(--c-border-hover);color:var(--c-text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff05}.btn--outline:hover{background:#ffffff14;border-color:#ffffff4d}.btn--icon{border-radius:12px;width:44px;height:44px;padding:0}.btn svg{transition:transform .3s}.btn:hover svg{transform:rotate(-10deg)scale(1.1)}.card{background:var(--c-panel);border:1px solid var(--c-border);transition:var(--t-base);border-radius:16px;padding:24px}.card:hover{border-color:var(--c-border-hover);transform:translateY(-4px);box-shadow:0 12px 32px #0006}.card--accent{background:linear-gradient(135deg, var(--c-panel) 0%, #4af0a208 100%);border-color:#4af0a21a}.card__icon{background:var(--c-surface);border:1px solid var(--c-border);width:44px;height:44px;color:var(--c-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.badge{font-family:var(--f-display);border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge--accent{background:var(--c-primary-dim);color:var(--c-primary)}.badge--blue{background:var(--c-secondary-dim);color:var(--c-secondary)}.badge--warn{background:var(--c-warn-dim);color:var(--c-warn)}.badge--danger{background:var(--c-danger-dim);color:var(--c-danger)}.terminal{border:1px solid var(--c-border);background:#0a0c0f;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #00000080}.terminal__bar{background:var(--c-surface);border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal__bar .dot{border-radius:50%;width:12px;height:12px}.terminal__bar .title{color:var(--c-text-tertiary);font-size:12px;font-family:var(--f-display);margin-left:8px}.terminal__body{font-family:var(--f-display);color:var(--c-text-secondary);padding:24px;font-size:14px;line-height:1.8}.terminal__prompt:before{content:"$ ";color:var(--c-primary)}.terminal__success{color:var(--c-primary)}.terminal__error{color:var(--c-danger)}.modal{z-index:1000;opacity:0;visibility:hidden;transition:var(--t-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--active{opacity:1;visibility:visible}.modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;position:absolute;inset:0}.modal__content{z-index:1001;width:90%;max-width:640px;transition:var(--t-base);position:relative;transform:translateY(20px)}.modal--active .modal__content{transform:translateY(0)}.coding-background{z-index:-1;opacity:.15;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.code-particle{color:var(--c-primary);font-family:var(--f-display);white-space:nowrap;font-size:13px;animation:linear infinite fall;position:absolute}@keyframes fall{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}[data-aos]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}[data-aos].aos-visible{opacity:1;transform:translateY(0)}[data-aos=fade-left]{transform:translate(-30px)}[data-aos=fade-right]{transform:translate(30px)}[data-aos=zoom-in]{transform:scale(.95)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--online{background:var(--c-primary);box-shadow:0 0 8px var(--c-primary)}.status-dot--idle{background:var(--c-warn)}.status-dot--offline{background:var(--c-text-tertiary)}.progress{background:#ffffff12;border-radius:100px;height:4px;overflow:hidden}.progress__bar{background:var(--c-primary);width:0;height:100%;transition:width 1s ease-out}.toast-container{z-index:2000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--c-panel);border:1px solid var(--c-border);border-left:4px solid var(--c-primary);color:var(--c-text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;animation:.3s cubic-bezier(.4,0,.2,1) toastIn;display:flex;box-shadow:0 8px 24px #00000080}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--error{border-left-color:var(--c-danger)}.toast--warn{border-left-color:var(--c-warn)}.toast--info{border-left-color:var(--c-secondary)}.section{padding:80px 0}.section--sm{padding:48px 0}.section--lg{padding:120px 0}.text-secondary{color:var(--c-text-secondary)}.text-tertiary{color:var(--c-text-tertiary)}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-24{margin-top:24px}