body { font-family: -apple-system, "Apple SD Gothic Neo", sans-serif; background: var(--scargo-navy); margin: 0;
       display: flex; min-height: 100vh; align-items: center; justify-content: center; }
.card { background: var(--scargo-panel-warm); border-radius: 14px; padding: 32px 30px; width: 320px;
        border: 1px solid var(--scargo-border); box-shadow: 0 10px 40px rgba(0,0,0,.3); }
h1 { font-size: 18px; margin: 0 0 4px; color: var(--scargo-navy); }
.sub { font-size: 12px; color: var(--scargo-text-muted); margin-bottom: 20px; }
label { font-size: 12px; color: #5b6b80; display: block; margin-top: 12px; }
input { width: 100%; padding: 9px 10px; border: 1px solid var(--scargo-border-strong); border-radius: 6px; margin-top: 4px; }
input:focus { border-color: var(--scargo-primary); box-shadow: 0 0 0 3px rgba(234,122,26,.15); outline: none; }
button { width: 100%; background: var(--scargo-primary); color: #fff; border: 0; padding: 11px; border-radius: 8px;
         margin-top: 18px; font-size: 14px; cursor: pointer; }
button:hover { background: var(--scargo-primary-hover); }
.err { background: #fdecea; color: #b71c1c; font-size: 12px; padding: 8px 10px; border-radius: 6px; margin-top: 12px; }