:root{--navy:#071526;--panel:#0d1d33;--line:#263c56;--orange:#f36b21;--blue:#087fa5;--text:#f4f7fb;--muted:#9badc1}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.portal-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:#07111f url('login-datacenter.jpg') center/cover fixed no-repeat;color:var(--text)}.portal-body:before{content:"";position:fixed;inset:0;background:rgba(3,11,22,.58)}.portal-card{position:relative;z-index:1;width:min(430px,94vw);padding:34px 34px 24px;background:rgba(8,22,40,.95);border:1px solid var(--line);border-radius:12px;box-shadow:0 26px 70px rgba(0,0,0,.58)}.portal-logo{display:block;width:100%;height:auto;max-height:76px;object-fit:contain;margin:0 auto 5px}.portal-kicker{text-align:center;color:#7e9ab5;font-size:10px;letter-spacing:.28em;margin:0 0 25px}.portal-card h1{font-size:15px;text-align:center;color:#dbe7f2;margin:0 0 20px;font-weight:600}.portal-card form{display:grid;gap:15px}.portal-card label{display:grid;gap:7px}.portal-card label span{font-size:12px;font-weight:700;color:#c8d4e1}.portal-card input{width:100%;height:48px;border:1px solid #40546b;border-radius:6px;background:#f4f7fb;color:#14243a;padding:0 14px;font-size:14px;outline:none}.portal-card input:focus{border-color:#35a8cf;box-shadow:0 0 0 3px rgba(53,168,207,.16)}.portal-card button{height:50px;border:0;border-radius:6px;background:var(--orange);color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em;cursor:pointer}.portal-card button:hover{background:#df5711}.portal-card button b{font-size:18px;margin-left:7px}.portal-card footer{text-align:center;color:#8193a6;font-size:10px;margin-top:24px}.portal-alert{padding:11px 12px;margin:-5px 0 15px;border-radius:5px;font-size:12px}.portal-alert.error{background:#4a1820;color:#ffdbe0;border:1px solid #85313e}.portal-alert.success{background:#143c31;color:#d8fff1;border:1px solid #286d58}.suspend-overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,8,16,.82)}.suspend-overlay section{width:min(430px,94vw);text-align:center;padding:34px;background:#fff;color:#1b2b3c;border-radius:12px;box-shadow:0 24px 70px #0009}.suspend-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:#fff0e7;color:var(--orange);font-size:32px;font-weight:900}.suspend-overlay h2{margin:0 0 10px;font-size:24px}.suspend-overlay p{color:#5e6f80;margin:0 0 10px;line-height:1.5}.suspend-overlay strong{display:block;color:#263b50;line-height:1.5}.suspend-overlay a{display:inline-flex;margin-top:20px;padding:10px 24px;border-radius:5px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800;font-size:12px}@media(max-width:520px){.portal-card{padding:26px 20px 20px}.portal-logo{max-height:62px}}