:root{--bg: #0b1020;--accent: #ffb703;--accent2: #8ecae6;--text: #f4f4f5;--muted: #a1a1aa;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.bg-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 30% 20%,rgba(255,183,3,.15),transparent 40%),radial-gradient(circle at 70% 80%,rgba(142,202,230,.12),transparent 45%);animation:drift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(3%,-3%) scale(1.05)}}.container{position:relative;z-index:1;max-width:480px;width:100%;text-align:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:48px 32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.icon{font-size:56px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{margin:16px 0 8px;font-size:28px;font-weight:700}.subtitle{color:var(--muted);margin:0 0 28px;line-height:1.5}.progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:28px}.progress-bar{height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.form{display:flex;gap:8px;margin-bottom:24px}.form input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text);font-size:14px}.form input:focus{outline:2px solid var(--accent2)}.form button{padding:12px 18px;border:none;border-radius:10px;background:var(--accent);color:#1a1a1a;font-weight:600;cursor:pointer;transition:transform .15s ease}.form button:hover{transform:translateY(-1px)}.confirm{color:var(--accent2);font-weight:600;margin-bottom:24px}.social{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;color:var(--text);text-decoration:none;transition:background .2s ease}.social a:hover{background:#ffffff26}footer{font-size:12px;color:var(--muted)}@media (max-width: 480px){.form{flex-direction:column}}