body{font-family:system-ui,-apple-system,sans-serif;max-width:860px;margin:2rem auto;padding:0 1rem;color:#14213d;line-height:1.5}h1{color:#0f2a6b}a{color:#1f4fbf}input,textarea,button,select{font:inherit;padding:.45rem;margin:.2rem 0;box-sizing:border-box}input:not([type=radio]):not([type=checkbox]){width:100%}button{background:#0f2a6b;color:#fff;border:0;border-radius:6px;padding:.5rem 1rem;cursor:pointer}label{display:block;margin-top:.6rem}.banner{background:#fff3cd;padding:.6rem;border-radius:6px}.err{color:#b00020}.card{max-width:380px;margin:4rem auto;padding:1.5rem 2rem;border:1px solid #dde3f0;border-radius:12px;box-shadow:0 4px 18px #0f2a6b14}.muted{color:#5b6680;font-size:.9rem}
body:has(.card){background:linear-gradient(160deg,#0f2a6b 0%,#0a1f52 55%,#14213d 100%);min-height:100vh;margin:0;max-width:none;display:flex;align-items:center;justify-content:center}
body:has(.card) .card{background:#fff;margin:2rem;border:0;box-shadow:0 20px 60px #0006;border-top:4px solid #e8b800;width:min(400px,92vw)}
.card input{border:1px solid #cdd5e6;border-radius:8px;padding:.55rem .7rem}.card button{width:100%;margin-top:1rem;padding:.6rem;font-weight:600}