:root{--navy:#0d315a;--teal:#018aa2;--ink:#20364b;--muted:#64778a;--line:#dbe5ed;--paper:#fff;--danger:#a52635}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#edf4f8,#f8fafc);color:var(--ink);font:15px/1.5 "Segoe UI",sans-serif}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,470px);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #0d315a1f;overflow:hidden}.auth-brand{padding:27px 32px 23px;background:var(--navy);color:white}.auth-brand img{display:block;width:215px;max-width:75%;height:auto;background:white;border-radius:8px;padding:6px}.auth-brand p{margin:14px 0 0;color:#d7e8f3}.auth-panel{padding:28px 32px 12px}.auth-panel h1{margin:0 0 7px;color:var(--navy);font-size:25px}.auth-panel>p{margin:0 0 22px;color:var(--muted)}label{display:grid;gap:6px;margin:0 0 16px;font-weight:600;color:var(--navy)}input{width:100%;border:1px solid #bdcfdd;border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink)}input:focus{outline:3px solid #bfe9ef;border-color:var(--teal)}button,.button-link{border:1px solid #bdcfdd;border-radius:8px;padding:10px 15px;background:white;color:var(--navy);font:inherit;font-weight:650;cursor:pointer}.primary{width:100%;display:block;border-color:var(--navy);background:var(--navy);color:white;text-align:center;text-decoration:none;margin-top:22px}.primary:disabled{opacity:.6;cursor:wait}.auth-message{min-height:24px;margin:6px 32px;color:var(--danger);font-weight:600}.auth-card footer{margin-top:10px;padding:18px 32px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.error-panel{border-left:4px solid var(--danger)}.spinner{display:block;width:30px;height:30px;border:3px solid #d6e6ed;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 14px}.auth-panel[hidden]{display:none}.auth-panel small{display:block;color:var(--muted);margin-top:-6px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.auth-shell{padding:0}.auth-card{min-height:100vh;border:0;border-radius:0}.auth-brand,.auth-panel{padding-left:24px;padding-right:24px}.auth-message,.auth-card footer{margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}}