:root{font-family:Tahoma,Arial,sans-serif;color:#18263d;background:#f2f5f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.page-shell{min-height:100vh;position:relative;overflow:hidden;padding:28px clamp(20px,6vw,92px);background:linear-gradient(145deg,#f8fafc,#eef3f9 45%,#e8f0f7)}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto 46px}.brand img{width:70px;height:70px;object-fit:contain}.brand div{display:grid;gap:4px}.brand span{color:#607086;font-size:14px}.brand strong{font-size:21px}.logout-button{margin-inline-start:auto;border:1px solid #d3dce8;border-radius:12px;color:#294761;background:#fff;padding:10px 15px;cursor:pointer}.portal-area{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:50px clamp(28px,5vw,72px);border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#ffffffd1;box-shadow:0 30px 80px #2b405926;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:inline-block;width:fit-content;padding:7px 12px;border-radius:999px;color:#92713e;background:#f3e8ce;font-size:13px;font-weight:700}.portal-heading{max-width:760px;margin:0 auto;text-align:center}.portal-heading .eyebrow{margin-inline:auto}.portal-heading h1{font-size:clamp(34px,4vw,55px);line-height:1.25;margin:18px 0 12px}.portal-heading p{margin:0;color:#66768a;line-height:1.9;font-size:17px}.login-panel{max-width:440px;margin:38px auto 0;display:grid;gap:16px;padding:26px;border:1px solid #e3e9f0;border-radius:18px;background:#fff;box-shadow:0 18px 55px #2b40591a}.login-panel label{display:grid;gap:8px;color:#425169;font-weight:700;text-align:right}.login-panel input{width:100%;border:1px solid #d5deea;border-radius:12px;padding:13px 14px;outline:none;background:#fbfcfe}.login-panel input:focus{border-color:#92713e;box-shadow:0 0 0 3px #92713e24}.login-panel button{border:0;border-radius:12px;color:#fff;background:#294761;padding:14px 18px;cursor:pointer;font-weight:800}.login-panel button:disabled{opacity:.68;cursor:progress}.error-message{border-radius:12px;color:#8a1f28;background:#fde8ea;padding:11px 13px;text-align:right}.status-panel,.session-strip{max-width:560px;margin:34px auto 0;border-radius:16px;padding:16px 18px;text-align:center;background:#f8fafc;border:1px solid #e3e9f0}.session-strip{display:flex;align-items:center;justify-content:center;gap:10px;color:#415168}.session-strip strong{color:#294761}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:42px}.portal-card{min-height:250px;display:flex;align-items:flex-start;gap:24px;padding:34px;border-radius:24px;color:inherit;text-decoration:none;background:#ffffffe6;border:1px solid white;box-shadow:0 18px 55px #2b40591c;transition:.2s}.portal-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px #2b40592b}.portal-symbol{flex:0 0 64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#294761;color:#fff;font-size:28px;font-weight:900}.portal-card h2{margin:6px 0 12px;font-size:25px}.portal-card p{min-height:60px;color:#66768a;line-height:1.8}.portal-card strong{color:#92713e}footer{position:relative;z-index:1;text-align:center;color:#7b8797;margin-top:48px;font-size:13px}@media(max-width:800px){.page-shell{padding:22px 16px}.brand{margin-bottom:24px;flex-wrap:wrap}.logout-button{margin-inline-start:0;width:100%}.portal-area{padding:34px 20px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:auto;padding:25px}.session-strip{display:grid}}