*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0d12;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:480px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;justify-content:center}.brand img{width:28px;height:28px;border-radius:8px}.brand span{font-weight:600;font-size:14px;color:#fff}.title{text-align:center;font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.subtitle{text-align:center;font-size:13px;color:#9ca3af;margin:0 0 24px}.state-box{text-align:center;padding:48px 24px;border:1px solid #262a33;border-radius:12px;background:#12141a}.state-box h1{font-size:18px;color:#fff;margin:0 0 8px}.state-box p{font-size:13px;color:#9ca3af;margin:0}.state-box.success h1{color:#34d399}.state-box.error h1{color:#f87171}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.15);border-top-color:#ffffffb3;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}