@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg:#0a0c10;--surface:#0f141c99;--s2:#161c2880;--border:#ffffff0d;--bm:#ffffff14;--text:#e2e8f0;--muted:#94a3b8;--dim:#2a3040;--accent:#fff;--ah:#7dd3fc;--trust:#a5f3fc;--danger:#f87171;--success:#34d399;--neon:#a5f3fc;--violet:#a78bfa;--glow-c:#a5f3fc14;--glow-v:#a78bfa0f;--glow-w:#ffffff0a;--serif:"Outfit", system-ui, sans-serif;--mono:"Inter", sans-serif;--sans:"Inter", system-ui, sans-serif;--spring:cubic-bezier(.16, 1, .3, 1);--ease:cubic-bezier(.4, 0, .2, 1);--glass:blur(24px) saturate(140%);--elevation:0 12px 40px #00000080, inset 0 1px 1px #ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:auto;font-size:clamp(14px,1vw + 12px,15px);line-height:1.7}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 20% 10%,#7c3aed0f 0%,#0000 50%),radial-gradient(at 80% 90%,#a5f3fc0a 0%,#0000 50%),#0a0c10;animation:30s ease-in-out infinite alternate meshDrift;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}@keyframes meshDrift{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(15deg)brightness(1.05)}to{filter:hue-rotate(-10deg)brightness(.95)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.cur-dot,.cur-ring{display:none!important}.noise-layer{z-index:9997;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:fixed;inset:0}.glass{background:var(--surface);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);box-shadow:var(--elevation)}button{cursor:pointer}.btn{color:var(--text);font-family:var(--sans);letter-spacing:-.01em;transition:all .25s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:#ffffff12;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-accent{background:var(--text);border-color:var(--text);color:#040608;font-weight:700;box-shadow:0 0 30px #ffffff26,0 0 60px #ffffff0f}.btn-accent:before{background:var(--ah)}.btn-accent:hover{border-color:var(--ah);box-shadow:0 0 40px #fff3}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:before{background:0 0}.btn-ghost:hover{color:var(--text);border-color:#ffffff14}.btn-danger{color:var(--danger);background:#ff44440f;border-color:#f446}.btn-danger:before{background:#ff444414}.btn-success{color:var(--success);background:#4fffb00f;border-color:#4fffb04d}.btn-success:before{background:#4fffb014}.btn-trust{color:var(--trust);background:#4fc3f70f;border-color:#4fc3f74d}.btn-trust:before{background:#4fc3f714}.btn-sm{padding:9px 18px;font-size:11px}.btn-neon{color:var(--neon);background:#00e5ff0f;border-color:#00e5ff59;box-shadow:0 0 14px #00e5ff1a}.btn-neon:hover{box-shadow:0 0 28px #00e5ff33}input[type=text],input[type=email],input[type=password],textarea{width:100%;color:var(--text);font-family:var(--sans);resize:none;cursor:none;background:#ffffff08;border:none;border-bottom:1px solid #ffffff14;outline:none;padding:10px 0;font-size:16px;transition:border-color .25s}input:focus,textarea:focus{border-bottom-color:var(--neon);box-shadow:0 2px #00e5ff33}::placeholder{color:#ffffff2e}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1018b3;border:1px solid #ffffff12;border-radius:14px;padding:28px 32px;transition:border-color .25s,box-shadow .25s;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 32px #0006}.card:hover{border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 40px #00000080,0 0 20px #00e5ff0a}.code-block{background:#04060ce6;border:1px solid #4fc3f726;border-radius:10px;margin:12px 0;padding:20px 24px;position:relative;overflow-x:auto;box-shadow:0 0 20px #4fc3f70d,inset 0 1px #4fc3f714}.code-block pre{font-family:var(--mono);color:#7ddbff;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7}.code-copy{color:var(--trust);font-family:var(--mono);letter-spacing:.1em;cursor:none;background:#04060ccc;border:1px solid #4fc3f733;border-radius:5px;padding:5px 10px;font-size:9px;transition:color .2s,border-color .2s,box-shadow .2s;position:absolute;top:10px;right:10px}.code-copy:hover{color:var(--neon);border-color:#00e5ff59;box-shadow:0 0 12px #00e5ff26}.hud-corner{border-style:solid;border-color:#00e5ff4d;width:12px;height:12px;position:absolute}.hud-corner-tl{border-width:1px 0 0 1px;top:8px;left:8px}.hud-corner-tr{border-width:1px 1px 0 0;top:8px;right:8px}.hud-corner-bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.hud-corner-br{border-width:0 1px 1px 0;bottom:8px;right:8px}.scan-line{pointer-events:none;background:linear-gradient(90deg,#0000,#00e5ff99,#0000);height:2px;animation:4s ease-in-out infinite scanDown;position:absolute;left:0;right:0}.neon-text-cyan{color:var(--neon);text-shadow:0 0 20px #00e5ff99,0 0 40px #00e5ff4d}.neon-text-green{color:var(--success);text-shadow:0 0 20px #4fffb099,0 0 40px #4fffb04d}.neon-text-red{color:var(--danger);text-shadow:0 0 20px #f449,0 0 40px #ff44444d}.neon-text-white{color:var(--text);text-shadow:0 0 20px #f0f4ff66}.word{opacity:0;transition:opacity .5s var(--spring), transform .5s var(--spring);display:inline-block;transform:translateY(14px)}.word.show{opacity:1;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes breathe{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.3)}}@keyframes breatheFx{0%,to{opacity:.5;filter:blur()}50%{opacity:1;filter:blur(1px)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes countIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scanDown{0%{opacity:0;top:-2px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}@keyframes orbitPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00e5ff33}50%{box-shadow:0 0 30px #00e5ff80,0 0 60px #00e5ff33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes hexFade{0%,to{opacity:.03}50%{opacity:.07}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-up{animation:slideUp .45s var(--spring) both}.fade-in{animation:.6s both fadeIn}.reveal{opacity:0;transition:opacity .7s var(--spring), transform .7s var(--spring);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.text-gradient-neon{background:linear-gradient(135deg,#fff 0%,#7ddbff 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer}.text-gradient-violet{background:linear-gradient(135deg,#f0f4ff 0%,#c4b5fd 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=1024px){.btn{padding:12px 24px;font-size:11px}.card{padding:22px 24px}html,body,#root,*{cursor:auto!important}.cur-dot,.cur-ring{display:none!important}.btn{justify-content:center;width:100%}.hud-corner{display:none!important}.view-container{height:auto!important;min-height:100vh!important;overflow-y:auto!important}}@media (width>=2000px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:2400px;margin:0 auto}}
