@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@500;700&display=swap";
:root{--color-bg:#0b0b0f;--color-surface:#14141c99;--color-surface-hover:#1e1e2dcc;--color-cyan:#00e5ff;--color-purple:#7b2cbf;--color-text-primary:#fff;--color-text-secondary:#fff9;--color-border:#ffffff1a;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(150px);z-index:-1;opacity:.3;border-radius:50%;width:600px;height:600px;animation:10s infinite alternate pulseGlow;position:fixed}body:before{background:var(--color-purple);top:-100px;left:-200px}body:after{background:var(--color-cyan);animation-delay:-5s;bottom:-100px;right:-200px}@keyframes pulseGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.2)}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,5vw,5rem)}.text-gradient{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.glass-card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:var(--color-surface-hover);border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 40px #7b2cbf1a}.glass-card:hover:before{opacity:1}.btn-primary{font-family:var(--font-sans);color:#0b0b0f;background:linear-gradient(135deg, var(--color-cyan), #00b8d4);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00e5ff4d}.btn-primary:after{content:"";opacity:0;background:radial-gradient(circle,#fffc 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s,transform .3s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ff80}.btn-primary:hover:after{opacity:.3;transform:scale(1)}.waitlist-form{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.input-field{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);background:#0006;border-radius:12px;outline:none;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--color-cyan);box-shadow:0 0 0 2px #00e5ff33}.input-field::placeholder{color:var(--color-text-secondary)}.workflow-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;display:flex}.workflow-step{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex:1;min-width:150px;padding:1.5rem;position:relative}.workflow-arrow{color:var(--color-purple);justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (max-width:768px){.workflow-container{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}}