@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@theme{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --color-primary: #00d4ff; --color-primary-dark: #05f; --color-background: #02020e; --color-surface: #ffffff08; --color-border: #ffffff14;}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:#f0f2ff;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 10%,#00d4ff14 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#0055ff12 0%,#0000 60%),radial-gradient(50% 40% at 50% 80%,#7800ff0d 0%,#0000 60%);position:fixed;inset:0}body:after{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}@layer utilities{.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffff06;border:1px solid #ffffff12}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(160%);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff14}.text-gradient{background:linear-gradient(135deg,#00d4ff 0%,#7b5cff 50%,#05f 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,gold 0%,#fa0 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.glow-btn{color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#00d4ff 0%,#05f 100%);font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d4ff4d,0 4px 32px #05f6,0 0 80px #00d4ff26}.glow-btn:before{content:"";background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.glow-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 0 0 1px #00d4ff80,0 8px 48px #05f9,0 0 120px #00d4ff33}.glow-btn:hover:before{opacity:0}.card-glow{box-shadow:0 0 0 1px #00d4ff14,0 32px 64px #0009,0 0 80px #00d4ff0a}.card-glow-hover{transition:box-shadow .3s,border-color .3s,transform .3s}.card-glow-hover:hover{border-color:#00d4ff33;transform:translateY(-4px);box-shadow:0 0 0 1px #00d4ff33,0 32px 64px #0009,0 0 60px #00d4ff14}.border-glow{position:relative}.border-glow:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#00d4ff66,#05f3,#7800ff33);transition:opacity .3s;position:absolute;inset:-1px}.border-glow:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:6s ease-in-out infinite float}.float-delayed{animation:6s ease-in-out 2s infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}50%{box-shadow:0 0 40px #00d4ff99,0 0 100px #00d4ff33}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 25%,#ffffff14 50%,#0000 75%) 0 0/200% 100%;animation:2.5s linear infinite shimmer}.grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px}.step-badge{color:#00d4ff;background:linear-gradient(135deg,#00d4ff33,#05f3);border:1px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}