:root{--primary: #4f46e5;--success: #10b981;--error: #f43f5e;--text-primary: #0f172a;--text-secondary: #475569;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.viewport{position:relative;width:100vw;height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;z-index:1}.mesh-gradient{position:absolute;inset:0;overflow:hidden;z-index:-1}.blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);opacity:.4;animation:move 20s infinite alternate}.blob-1{background:#818cf8;top:-100px;left:-100px;animation-delay:0s}.blob-2{background:#c084fc;bottom:-100px;right:-100px;animation-delay:-5s}.blob-3{background:#6ee7b7;top:40%;left:30%;width:400px;height:400px;animation-delay:-10s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.card-container{width:100%;max-width:440px;padding:20px;perspective:1000px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #fff6 inset;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{transform:translateY(-5px)}.card-accent{position:absolute;top:0;left:0;right:0;height:6px;background:var(--primary);opacity:.8;transition:background .3s}.glass-card.ok .card-accent{background:var(--success)}.glass-card.err .card-accent{background:var(--error)}.content{padding:48px 40px;text-align:center}.status-icon-box{margin-bottom:32px;display:flex;justify-content:center}.spinner{height:40px;text-align:center;font-size:10px}.spinner>div{background-color:var(--primary);height:100%;width:6px;display:inline-block;margin:0 2px;border-radius:3px;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{animation-delay:-1.1s}.spinner .rect3{animation-delay:-1s}.spinner .rect4{animation-delay:-.9s}.spinner .rect5{animation-delay:-.8s}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.icon-success{color:var(--success)}.icon-error{color:var(--error)}.icon-success svg,.icon-error svg{width:56px;height:56px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.05));animation:icon-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.divider{height:1px;background:#0000000f;margin-bottom:24px}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.logo-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.glass-card.ok .logo-dot{background:var(--success);box-shadow:0 0 10px var(--success)}.glass-card.err .logo-dot{background:var(--error);box-shadow:0 0 10px var(--error)}@media(max-width:480px){.content{padding:40px 24px}.title{font-size:20px}}