:root{--primary-color:#6366f1;--secondary-color:#ec4899;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-color:#f8fafc;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;font-family:Heebo,sans-serif;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container{width:100%;max-width:600px;padding:2rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);text-align:center;opacity:0;border-radius:24px;padding:4rem 2rem;animation:.8s ease-out forwards slideUp;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}.animation-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.spinner{border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}h1{background:linear-gradient(90deg,#818cf8,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}p{color:#cbd5e1;margin-bottom:2rem;font-size:1.2rem;font-weight:300}.dots-container{justify-content:center;gap:.5rem;display:flex}.dot{background-color:var(--secondary-color);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}