:root{--primary:#155eaa;--primary-dark:#0d4783;--danger:#b91c1c;--ink:#1f2937;--muted:#64748b;--line:#dfe6ee;--bg:#f4f8fc}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(21,94,170,.12),transparent 34rem),linear-gradient(135deg,#fbfdff,var(--bg));min-height:100vh}
.portal-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.portal-card{width:min(440px,100%);padding:32px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(15,74,130,.14)}
h1{margin:0 0 6px;font-size:22px}
.muted{color:var(--muted);font-size:14px;margin:0 0 18px}
label{display:block;margin:14px 0 6px;font-size:13px;font-weight:700;color:#334155}
input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(21,94,170,.13)}
.portal-button{width:100%;margin-top:18px;min-height:44px;border:none;border-radius:10px;color:#fff;font-weight:800;font-size:15px;cursor:pointer;background:linear-gradient(135deg,var(--primary),#287cc9)}
.portal-button-light{color:var(--primary-dark);background:#fff;border:1px solid var(--line)}
.portal-alert{margin:14px 0;padding:12px 14px;border:1px solid;border-radius:12px;font-size:14px;line-height:1.45}
.portal-alert::before{margin-right:6px;font-weight:900}
.portal-alert-error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}
.portal-alert-error::before{content:"✕"}
.portal-alert-success{color:#166534;background:#ecfdf3;border-color:#bbf7d0}
.portal-alert-success::before{content:"✓"}
.portal-alert-info{color:#075985;background:#e0f2fe;border-color:#bae6fd}
.portal-alert-info::before{content:"ℹ"}
.portal-footer-links{margin-top:18px;text-align:center;font-size:13px}
.portal-footer-links a{color:var(--primary-dark);text-decoration:none;font-weight:700}