*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f172a;color:#f8fafc;min-height:100dvh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:420px;padding:1.5rem}.card{background:#1e293b;border-radius:1rem;padding:2rem;box-shadow:0 20px 60px #0006;text-align:center}.card h1{font-size:1.5rem;margin-bottom:.5rem}.card p{color:#94a3b8;margin-bottom:1.5rem}button{width:100%;padding:.9rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-secondary{background:#334155;color:#f8fafc}.btn-primary:hover:not(:disabled){opacity:.85}.btn-danger:hover:not(:disabled){opacity:.85}.btn-secondary:hover:not(:disabled){opacity:.85}.status{font-size:.85rem;color:#64748b;margin-top:1rem}.call-active{color:#4ade80;font-weight:600}.error{color:#f87171;margin-top:.75rem;font-size:.9rem}.icon{font-size:3rem;margin-bottom:1rem;display:block}.gap{margin-top:.75rem}