@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@keyframes logoReveal{0%{clip-path:inset(0 100% 0 0 round 4px)}to{clip-path:inset(0 0% 0 0 round 4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00b4ff4d,0 0 40px #7b2fff26}50%{box-shadow:0 0 40px #00b4ff99,0 0 80px #7b2fff59}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg, var(--glass-bg) 25%, #ffffff1a 50%, var(--glass-bg) 75%);background-size:800px 100%;animation:1.6s infinite shimmer}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drawN{0%{stroke-dashoffset:var(--dash-len)}to{stroke-dashoffset:0}}@keyframes loadingFadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ringFill{0%{stroke-dashoffset:502px}}@keyframes drift{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}90%{opacity:.6}to{transform:translate(var(--tx,50px), var(--ty,-80px)) rotate(var(--rot,360deg));opacity:0}}@keyframes typingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes cardFlip{0%{transform:perspective(800px)rotateY(0)}50%{transform:perspective(800px)rotateY(90deg)}to{transform:perspective(800px)rotateY(0)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.05)}30%{transform:scale(1)}45%{transform:scale(1.03)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}:root{--neo-blue:#00b4ff;--neo-purple:#7b2fff;--neo-mid:#4b6ef5;--neo-gradient:linear-gradient(135deg, #00b4ff 0%, #4b6ef5 50%, #7b2fff 100%);--neo-gradient-rev:linear-gradient(135deg, #7b2fff 0%, #4b6ef5 50%, #00b4ff 100%);--green:#0f8;--amber:#ffb800;--red:#f46;--ease-expo:cubic-bezier(.19, 1, .22, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--nav-height:68px;--tab-height:74px;--radius:20px;--radius-sm:12px;--radius-pill:100px}[data-theme=dark],:root{--bg:#0a0a0f;--bg-2:#10101a;--bg-3:#17172a;--glass-bg:#ffffff0d;--glass-border:#ffffff17;--glass-hover:#ffffff17;--text:#fff;--text-2:#fff9;--text-3:#ffffff4d;--shadow:0 24px 64px #000000b3;--glow:0 0 30px #00b4ff59;--glow-p:0 0 30px #7b2fff59;--input-bg:#ffffff0f;--input-border:#ffffff1f}[data-theme=light]{--bg:#f0f2ff;--bg-2:#e8eaff;--bg-3:#dde0ff;--glass-bg:#ffffffb8;--glass-border:#00003c14;--glass-hover:#ffffffe6;--text:#08080f;--text-2:#08080f99;--text-3:#08080f59;--shadow:0 24px 64px #00003c1f;--glow:0 0 30px #00b4ff33;--glow-p:0 0 30px #7b2fff33;--input-bg:#fffc;--input-border:#00003c26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7b2fff80;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#7b2fff}::selection{background:#00b4ff40}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.gradient-text{background:var(--neo-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);transition:all .3s var(--ease-expo)}.glass-card:hover{background:var(--glass-hover);box-shadow:var(--shadow), var(--glow);border-color:#00b4ff40;transform:translateY(-2px)}.btn-gradient{background:var(--neo-gradient);border-radius:var(--radius-pill);color:#fff;cursor:pointer;transition:all .3s var(--ease-expo);letter-spacing:.3px;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-gradient:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff2e,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00b4ff73,0 4px 16px #7b2fff4d}.btn-gradient:hover:before{opacity:1}.btn-gradient:active{transform:translateY(0)scale(.97)}.btn-ghost{border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text);cursor:pointer;transition:all .3s var(--ease-expo);background:0 0;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--neo-blue);color:var(--neo-blue);box-shadow:var(--glow)}.neo-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.9rem 1.2rem;font-family:inherit;font-size:.95rem;transition:all .25s}.neo-input::placeholder{color:var(--text-3)}.neo-input:focus{border-color:var(--neo-blue);box-shadow:0 0 0 3px #00b4ff26}.neo-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.neo-toggle input{opacity:0;width:0;height:0;position:absolute}.neo-toggle-track{background:var(--glass-border);border-radius:100px;width:52px;height:28px;transition:all .3s;position:relative}.neo-toggle input:checked~.neo-toggle-track{background:var(--neo-gradient)}.neo-toggle-thumb{width:22px;height:22px;transition:all .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #0000004d}.neo-toggle input:checked~.neo-toggle-track .neo-toggle-thumb{transform:translate(24px)}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block;position:relative}.status-dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.status-dot.red{background:var(--red)}.status-dot.green:after,.status-dot.amber:after{content:"";border-radius:50%;animation:2s infinite pulse-badge;position:absolute;inset:-4px}.status-dot.green:after{background:#00ff8840}.status-dot.amber:after{background:#ffb80040}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(2)}}.section-title{color:var(--text);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.section-sub{color:var(--text-2);margin-bottom:1.5rem;font-size:.85rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.grid-3{grid-template-columns:1fr 1fr}}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.82rem;font-weight:500;transition:all .25s;display:inline-flex}.chip:hover{border-color:var(--neo-blue);color:var(--neo-blue)}.chip.active{border-color:var(--neo-blue);color:var(--neo-blue);background:#00b4ff1f}.page-wrapper{max-width:900px;animation:fadeUp .4s var(--ease-expo) both;flex-direction:column;gap:1.25rem;margin:0 auto;padding:1.5rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-row{scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.glow-ring{background:var(--neo-gradient);filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}
