@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-px{gap:1px}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.delay-5{transition-delay:5ms}:root{--bg:#06090f;--bg-card:#0d1220;--bg-card-hover:#111827;--border:#6382ff26;--border-bright:#b5ff6d4d;--text:#eef0f6;--text-muted:#6b7ba4;--text-dim:#3d4f74;--accent:#b5ff6d;--accent-dark:#7dc43c;--accent-glow:#b5ff6d26;--blue:#4f7cff;--blue-glow:#4f7cff1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.grid-bg{background-image:linear-gradient(#4f7cff0a 1px,#0000 1px),linear-gradient(90deg,#4f7cff0a 1px,#0000 1px);background-size:60px 60px}.glow-accent{box-shadow:0 0 30px var(--accent-glow), 0 0 60px #b5ff6d0d}.glow-blue{box-shadow:0 0 30px var(--blue-glow)}.text-glow{text-shadow:0 0 40px #b5ff6d66}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b5ff6d 0%,#7dc43c 50%,#4f7cff 100%);-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 8px 32px #b5ff6d14}.btn-primary{background:var(--accent);color:#06090f;letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary:hover{background:#c8ff8a;transform:translateY(-2px);box-shadow:0 8px 30px #b5ff6d66}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.pulse-ring{border:2px solid var(--accent);pointer-events:none;border-radius:14px;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s forwards fade-up}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.delay-5{opacity:0;animation-delay:.5s}.delay-6{opacity:0;animation-delay:.6s}@keyframes scan{0%{left:-100%}to{left:100%}}.scan-line{background:linear-gradient(90deg,#0000,#b5ff6d0f,#0000);width:30%;animation:4s linear infinite scan;position:absolute;top:0;bottom:0}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:4s ease-in-out infinite float}.hr-gradient{background:linear-gradient(90deg, transparent, var(--border), transparent);border:none;height:1px;margin:0}.step-line:after{content:"";background:linear-gradient(90deg, var(--accent), var(--border));z-index:0;width:100%;height:1px;position:absolute;top:24px;left:50%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background:var(--accent);vertical-align:text-bottom;border-radius:1px;width:3px;height:1em;animation:1.2s ease-in-out infinite blink;display:inline-block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
