:root{--bg-a: #0e7c66;--bg-b: #16a085;--card-bg: rgba(255, 255, 255, .14);--text: #ffffff;--text-dim: rgba(255, 255, 255, .78)}*{box-sizing:border-box}html,body{margin:0;height:100%}#app{min-height:100dvh}.screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg-a),var(--bg-b));background-size:200% 200%;animation:gradient-drift 12s ease infinite}@keyframes gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card{width:100%;max-width:380px;text-align:center;padding:40px 28px;border-radius:24px;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px #00000040;animation:card-in .5s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.title{margin:20px 0 8px;font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.subtitle{margin:0;font-size:1rem;line-height:1.5;color:var(--text-dim)}.spinner{display:flex;gap:10px;justify-content:center;height:18px}.spinner span{width:14px;height:14px;border-radius:50%;background:#fff;animation:bounce 1.2s ease-in-out infinite both}.spinner span:nth-child(1){animation-delay:-.24s}.spinner span:nth-child(2){animation-delay:-.12s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.6}40%{transform:scale(1);opacity:1}}.badge{font-size:3rem;line-height:1}.buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn{display:block;padding:14px 18px;border-radius:14px;font-size:1rem;font-weight:600;text-decoration:none;color:#0e2d27;background:#fff;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0003}.btn:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.screen,.card,.spinner span{animation:none}}