*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{width:100%;max-width:480px}.card{background:hsla(0,0%,100%,.95);padding:50px 40px;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:56px;height:56px;border:4px solid #e8e8e8;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 28px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{color:#1a1a2e;font-size:22px;font-weight:600;margin-bottom:12px;letter-spacing:-.3px}p{color:#64748b;font-size:15px;line-height:1.6}.progress{margin-top:32px;height:5px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:10px;animation:progress 2.5s ease-in-out infinite}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.footer{margin-top:24px;font-size:12px;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:6px}.footer:before{content:"🔒";font-size:11px}@media (max-width:480px){.card{padding:40px 28px}h1{font-size:20px}p{font-size:14px}}