* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, -apple-system, sans-serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); color: #fff; }
.container { text-align: center; max-width: 480px; padding: 2rem; }
.logo { font-size: 3rem; margin-bottom: 1.5rem; }
h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 0.75rem; background: linear-gradient(135deg, #fff, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.desc { font-size: 0.9375rem; color: rgba(255,255,255,0.6); line-height: 1.6; margin-bottom: 2rem; }
.countdown { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 2.5rem; }
.count-item { text-align: center; }
.count-item .num { display: block; font-size: 2rem; font-weight: 800; color: #a78bfa; }
.count-item .label { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.4); }
.notify-form { display: flex; gap: 0.5rem; max-width: 360px; margin: 0 auto 2rem; }
.email-input { flex: 1; padding: 0.625rem 1rem; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); border-radius: 8px; color: #fff; font-size: 0.875rem; outline: none; }
.email-input::placeholder { color: rgba(255,255,255,0.3); }
.notify-btn { padding: 0.625rem 1.25rem; background: #7c3aed; color: #fff; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.notify-btn:hover { background: #6d28d9; }
.footer-text { font-size: 0.75rem; color: rgba(255,255,255,0.2); }