body{font-family:system-ui,sans-serif;background:#0b0f14;color:#e8eef5;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{max-width:22rem;width:100%;padding:1.5rem;background:#141b24;border-radius:12px;box-shadow:0 8px 32px #0006}
h1{font-size:1.25rem;margin:0 0 .25rem}
.lede{opacity:.8;font-size:.9rem;margin:0 0 1rem}
.tabs{display:flex;gap:.25rem;margin-bottom:1rem}
.tab{flex:1;padding:.4rem;border:1px solid #2a3544;background:#1a2330;color:inherit;border-radius:8px;cursor:pointer}
.tab.active{background:#2d6cdf;border-color:#2d6cdf}
label{display:block;font-size:.85rem;margin:.75rem 0 .25rem}
input{width:100%;box-sizing:border-box;padding:.5rem;border-radius:8px;border:1px solid #2a3544;background:#0b0f14;color:inherit}
button[type=submit]{margin-top:1rem;width:100%;padding:.6rem;border:0;border-radius:8px;background:#2d6cdf;color:#fff;font-weight:600;cursor:pointer}
.hidden{display:none!important}
.banner{padding:.6rem;border-radius:8px;background:#3a1f1f;color:#ffb4b4;font-size:.85rem}
.banner.ok{background:#1f3a2a;color:#b4ffcf}
.panel form{margin:0}