*{box-sizing:border-box;margin:0;padding:0}:root{--electric-blue:#0ea5e9;--royal-purple:#8b5cf6;--coral:#f43f5e;--emerald:#10b981;--off-white:#fafafa;--charcoal:#1e293b;--gray:#64748b;--light-gray:#f1f5f9}body{background:var(--off-white);color:var(--charcoal);font-family:Satoshi,sans-serif;overflow-x:hidden}.gradient-bg{z-index:0;background:radial-gradient(circle at 20% 20%,#0ea5e914 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf614 0%,#0000 50%),radial-gradient(circle,#10b9810f 0%,#0000 50%);width:100%;height:100%;animation:15s ease-in-out infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.grid-pattern{z-index:1;pointer-events:none;background-image:linear-gradient(#1e293b08 1px,#0000 1px),linear-gradient(90deg,#1e293b08 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative}.floating-accent{background:var(--electric-blue);opacity:.4;z-index:2;border-radius:50%;width:4px;height:4px;position:fixed}.accent-1{animation:8s ease-in-out infinite floatSlow;top:15%;left:10%}.accent-2{background:var(--royal-purple);animation:10s ease-in-out 2s infinite floatSlow;top:70%;right:15%}.accent-3{background:var(--emerald);animation:9s ease-in-out 4s infinite floatSlow;bottom:20%;left:20%}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.status-badge{letter-spacing:2px;text-transform:uppercase;color:var(--charcoal);background:#fff;border:1px solid #1e293b1a;border-radius:100px;align-items:center;gap:.75rem;margin-bottom:3rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;animation:.8s ease-out fadeIn;display:inline-flex;box-shadow:0 4px 12px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-dot{background:var(--emerald);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.logo-section{text-align:center;margin-bottom:3rem}.logo{letter-spacing:-.02em;font-family:Clash Display,sans-serif;font-size:clamp(6rem,16vw,14rem);font-weight:700;line-height:1;animation:1s cubic-bezier(.4,0,.2,1) .2s backwards slideIn;display:inline-block;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo .letter-1{background:linear-gradient(135deg,var(--electric-blue),#0284c7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo .letter-2{background:linear-gradient(135deg,var(--royal-purple),#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo .letter-3{background:linear-gradient(135deg,var(--coral),#e11d48);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo .letter-4{background:linear-gradient(135deg,var(--emerald),#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-accent{background:linear-gradient(90deg,var(--electric-blue),var(--royal-purple),var(--coral),var(--emerald));border-radius:2px;width:120px;height:4px;margin:1rem auto 0;animation:1s ease-out 1s backwards expandWidth}@keyframes expandWidth{0%{width:0}to{width:120px}}.headline{text-align:center;color:var(--charcoal);margin-bottom:1.5rem;font-family:Clash Display,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.2;animation:.8s ease-out .6s backwards fadeIn}.headline-highlight{background:linear-gradient(135deg,var(--royal-purple),var(--coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--gray);text-align:center;max-width:580px;margin:0 auto 4rem;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:400;line-height:1.7;animation:.8s ease-out .8s backwards fadeIn}.signup-card{background:#fff;border-radius:24px;width:100%;max-width:520px;padding:3rem 2.5rem;animation:.8s cubic-bezier(.4,0,.2,1) 1s backwards slideUp;box-shadow:0 20px 60px #00000014,0 0 0 1px #1e293b0d}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card-title{text-align:center;color:var(--charcoal);margin-bottom:.5rem;font-family:Clash Display,sans-serif;font-size:1.375rem;font-weight:700}.card-subtitle{color:var(--gray);text-align:center;margin-bottom:2rem;font-size:.9375rem}.form-wrapper{flex-direction:column;gap:1rem;display:flex}.input-group{position:relative}.email-input{background:var(--light-gray);width:100%;color:var(--charcoal);border:2px solid #0000;border-radius:16px;padding:1.125rem 1.5rem;font-family:Satoshi,sans-serif;font-size:1rem;transition:all .3s}.email-input::placeholder{color:var(--gray)}.email-input:focus{border-color:var(--electric-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #0ea5e91a}.submit-button{background:linear-gradient(135deg,var(--electric-blue)0%,var(--royal-purple)100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:16px;width:100%;padding:1.25rem;font-family:Satoshi,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #0ea5e933}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0ea5e94d}.submit-button:active{transform:translateY(0)}.success-notification{background:linear-gradient(135deg,var(--emerald)0%,#059669 100%);color:#fff;text-align:center;border-radius:12px;margin-top:1rem;padding:1rem 1.5rem;font-size:.9375rem;font-weight:600;animation:.4s ease-out slideDown;display:none}.success-notification.show{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-section{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:4rem;animation:.8s ease-out 1.2s backwards fadeIn;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,var(--electric-blue),var(--royal-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-family:Clash Display,sans-serif;font-size:2.5rem;font-weight:700;display:block}.stat-label{color:var(--gray);font-size:.875rem;font-weight:500}.footer{z-index:10;gap:2rem;animation:.8s ease-out 1.4s backwards fadeIn;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.footer-link{color:var(--gray);padding:.5rem 0;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.footer-link:after{content:"";background:var(--electric-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-link:hover{color:var(--electric-blue)}.footer-link:hover:after{width:100%}.decorative-circle{z-index:1;pointer-events:none;border:1px solid #0ea5e91a;border-radius:50%;width:300px;height:300px;position:fixed}.circle-1{top:-150px;right:-150px}.circle-2{bottom:-150px;left:-150px}@media (max-width:768px){.container,.signup-card{padding:2rem 1.5rem}.stats-section{gap:2rem}.footer{text-align:center;flex-direction:column;gap:1rem;bottom:1rem}.decorative-circle{width:200px;height:200px}.circle-1{top:-100px;right:-100px}.circle-2{bottom:-100px;left:-100px}}@media (max-width:480px){.stats-section{gap:1.5rem}.stat-number{font-size:2rem}}