:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-darker:#020617;--text-main:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.app-container{background:radial-gradient(circle at 100% 0,#6366f126,#0000 40%),radial-gradient(circle at 0 100%,#6366f11a,#0000 40%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(16px);text-align:center;opacity:0;background:#0f172a99;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:600px;padding:4rem 3rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}.logo-container{margin-bottom:2rem;animation:3s ease-in-out infinite pulse}.logo{background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:3rem;font-weight:800}.title{margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.2}.subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.notify-form{gap:1rem;margin-bottom:2rem;display:flex}.email-input{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.email-input:focus{border-color:var(--primary);background:#ffffff1a}.notify-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.notify-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.footer{color:var(--text-muted);font-size:.875rem;position:absolute;bottom:2rem}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (width<=640px){.title{font-size:2.5rem}.notify-form{flex-direction:column}.glass-card{padding:3rem 1.5rem}}