*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: hsl(210, 100%, 55%);--primary-blue-dark: hsl(210, 100%, 45%);--primary-blue-light: hsl(210, 100%, 65%);--accent-cyan: hsl(195, 100%, 50%);--accent-white: hsl(0, 0%, 100%);--bg-dark: hsl(0, 0%, 5%);--bg-card: hsla(0, 0%, 8%, .6);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(0, 0%, 70%);--text-muted: hsl(0, 0%, 50%);--gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--accent-cyan));--gradient-accent: linear-gradient(135deg, var(--primary-blue-light), var(--primary-blue-dark));--gradient-bg: linear-gradient(180deg, hsl(0, 0%, 5%), hsl(210, 20%, 10%));--gradient-glow: radial-gradient(circle at 50% 50%, hsla(210, 100%, 55%, .3), transparent 70%);--font-family: "Outfit", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 2px 8px hsla(0, 0%, 0%, .1);--shadow-md: 0 4px 16px hsla(0, 0%, 0%, .2);--shadow-lg: 0 8px 32px hsla(0, 0%, 0%, .3);--shadow-glow: 0 0 40px hsla(210, 100%, 55%, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-bg);z-index:-2}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,hsla(210,100%,55%,.15),transparent 40%),radial-gradient(circle at 80% 70%,hsla(195,100%,50%,.15),transparent 40%),radial-gradient(circle at 50% 50%,hsla(210,100%,45%,.1),transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(5deg)}66%{transform:translate(-5%,3%) rotate(-5deg)}}#app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);position:relative}.logo-container{margin-bottom:var(--spacing-xl);animation:fadeInDown .8s ease-out}.logo{font-size:clamp(3rem,8vw,6rem);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative;display:inline-block;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px hsla(210,100%,55%,.5))}50%{filter:drop-shadow(0 0 40px hsla(195,100%,50%,.7))}}.content-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:600px;width:100%;box-shadow:var(--shadow-lg);animation:fadeInUp .8s ease-out .2s both;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.8}.heading{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--spacing-md);text-align:center;line-height:1.2}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.8}.email-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.email-input{flex:1;min-width:200px;padding:var(--spacing-md) var(--spacing-lg);background:#21212ccc;border:2px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-normal);outline:none}.email-input::placeholder{color:var(--text-muted)}.email-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #9942f033;background:#272735e6}.btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left var(--transition-slow)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.feature-item{text-align:center;padding:var(--spacing-md);background:#21212c66;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.05);transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-5px);background:#27273599;border-color:#ffffff1a}.feature-icon{font-size:2rem;margin-bottom:var(--spacing-sm);display:inline-block;animation:float 3s ease-in-out infinite}.feature-item:nth-child(1) .feature-icon{animation-delay:0s}.feature-item:nth-child(2) .feature-icon{animation-delay:.5s}.feature-item:nth-child(3) .feature-icon{animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-text{font-size:.9rem;color:var(--text-secondary);font-weight:500}.social-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid hsla(0,0%,100%,.1)}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#21212c99;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--text-secondary);font-size:1.25rem;transition:all var(--transition-normal);text-decoration:none}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-md)}.countdown{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.countdown-item{text-align:center;padding:var(--spacing-md);background:#21212c99;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.1);min-width:80px}.countdown-value{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.countdown-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-xs)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.content-card{padding:var(--spacing-lg)}.email-form{flex-direction:column}.email-input,.btn{width:100%}.countdown{gap:var(--spacing-sm)}.countdown-item{min-width:60px;padding:var(--spacing-sm)}.countdown-value{font-size:1.5rem}}.success-message{background:#26d96233;border:1px solid hsla(140,70%,50%,.4);color:#7de8a1;padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;margin-top:var(--spacing-md);animation:fadeInUp .3s ease-out}