:root{--blue:#0b4f8a;--light:#eef6ff}*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#17324d;background:var(--light)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:32px;border-radius:14px;box-shadow:0 16px 45px #164b7430}.login-card h1{font-size:23px;color:var(--blue);margin:0}.login-card label{display:block;margin:18px 0}.login-card input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #b9c8d8;border-radius:7px}.login-card button{width:100%;padding:12px;border:0;border-radius:7px;color:white;background:var(--blue);font-weight:bold}.login-card #message{color:#b00020;min-height:18px}.portal{max-width:1180px;margin:auto;padding:20px}.topbar,.panel{background:#fff;border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 5px 20px #164b7418}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #dce6ef;text-align:left}.button{display:inline-block;background:var(--blue);color:#fff;padding:9px 14px;border:0;border-radius:6px;text-decoration:none;cursor:pointer}

/* Premium unified login */
.premium-login{--navy:#082d54;--royal:#0a5da5;--gold:#e6b85c;position:relative;overflow-x:hidden;padding:30px;background:radial-gradient(circle at 15% 10%,#2879b9 0,transparent 32%),radial-gradient(circle at 90% 90%,#103c69 0,transparent 35%),linear-gradient(135deg,#061b33,#0a467d 58%,#061c35);font-family:"Segoe UI",Arial,sans-serif}
.premium-login:before,.premium-login:after{content:"";position:fixed;border-radius:50%;border:1px solid #ffffff14;pointer-events:none}.premium-login:before{width:420px;height:420px;left:-180px;bottom:-180px}.premium-login:after{width:540px;height:540px;right:-260px;top:-280px}
.login-shell{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid #ffffff38;border-radius:28px;overflow:hidden;box-shadow:0 34px 90px #020e1d80,0 2px 0 #ffffff80;position:relative;z-index:1}
.login-showcase{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:58px;color:#fff;overflow:hidden;background:linear-gradient(145deg,#062746e8,#0a5795e8),linear-gradient(45deg,#0a5da5,#082d54)}
.login-showcase:before{content:"";position:absolute;width:430px;height:430px;border:70px solid #ffffff0a;border-radius:50%;right:-255px;top:-155px}.login-showcase:after{content:"FRA";position:absolute;right:-18px;bottom:-35px;font-size:155px;font-weight:900;letter-spacing:-12px;color:#ffffff09}
.school-mark{width:86px;height:86px;border:2px solid #f3ce82;border-radius:50%;display:grid;place-items:center;position:relative;background:#ffffff0c;box-shadow:0 0 0 7px #ffffff0b,0 14px 30px #00152855}.school-mark:before,.school-mark:after{content:"";position:absolute;inset:9px;border:1px dashed #f3ce8299;border-radius:50%}.school-mark:after{inset:18px;border-style:solid}.school-mark span{font-family:Georgia,serif;font-size:21px;font-weight:800;color:#ffe1a1;z-index:1}
.login-eyebrow{margin:36px 0 9px;color:#a8d5f6;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.login-showcase h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.08;letter-spacing:.5px}.school-reg{margin:14px 0 0;color:#f7d895;font-weight:700}.school-tagline{margin:8px 0 0;color:#d9ebf9;font-size:13px}.school-tagline span{margin:0 5px;color:#f7d895}.showcase-note{margin-top:48px;padding-left:16px;border-left:3px solid var(--gold);display:flex;flex-direction:column;gap:6px}.showcase-note strong{font-family:Georgia,serif;font-size:19px}.showcase-note span{max-width:310px;color:#c6deef;font-size:12px;line-height:1.55}
.login-panel{display:flex;flex-direction:column;justify-content:center;padding:52px 64px;background:linear-gradient(150deg,#fff,#f7fbff)}.mobile-brand{display:none}.panel-kicker{margin:0 0 10px;color:var(--royal);font-size:10px;font-weight:900;letter-spacing:2.5px}.login-panel h2{margin:0;color:#102f4d;font-size:31px;letter-spacing:-.7px}.panel-copy{margin:9px 0 27px;color:#72869a;font-size:13px}
.portal-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.portal-option{min-height:76px;display:flex;align-items:center;gap:11px;padding:13px;text-align:left;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#60758a;cursor:pointer;transition:.2s ease;box-shadow:0 5px 15px #113c6410}.portal-option:hover{transform:translateY(-2px);border-color:#89b6db;box-shadow:0 10px 22px #113c6420}.portal-option.active{border-color:#1268ad;color:#0b4f8a;background:linear-gradient(135deg,#eef8ff,#fff);box-shadow:0 0 0 2px #0a5da518,0 10px 22px #113c6418}.portal-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#edf3f8;font-size:19px;filter:grayscale(1)}.portal-option.active .portal-icon{background:linear-gradient(135deg,#0a69b3,#083f73);filter:none;box-shadow:0 6px 14px #0a5da542}.portal-option strong,.portal-option small{display:block}.portal-option strong{font-size:13px;margin-bottom:4px}.portal-option small{font-size:10px;color:#8ca0b2}
.premium-login-form label{display:block;margin:0 0 17px;color:#334e68;font-size:11px;font-weight:800}.field-wrap{height:49px;display:flex;align-items:center;margin-top:7px;border:1px solid #d7e2ec;border-radius:11px;background:#fff;transition:.2s;overflow:hidden}.field-wrap:focus-within{border-color:#1876bd;box-shadow:0 0 0 4px #1876bd13}.field-icon{width:42px;text-align:center;color:#91a7ba;font-size:9px}.field-icon.lock{font-size:10px}.premium-login-form input{height:100%;min-width:0;flex:1;border:0;background:transparent;color:#17324d;font-size:13px;outline:0}.premium-login-form input::placeholder{color:#a6b6c4}.password-toggle{height:100%;padding:0 14px;border:0;background:transparent;color:#276a9e;font-size:10px;font-weight:800;cursor:pointer}.premium-submit{width:100%;height:50px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:11px;background:linear-gradient(100deg,#083d70,#0b6db7);color:#fff;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 12px 25px #0a5da53d;transition:.2s}.premium-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0a5da54d}.premium-submit:disabled{opacity:.65;cursor:wait;transform:none}.premium-submit b{font-size:18px}.premium-login-form #message{min-height:18px;margin:12px 0 0;text-align:center;color:#b42318;font-size:12px}.login-help{margin:8px 0 0;text-align:center;color:#91a2b1;font-size:10px}
@media(max-width:800px){.premium-login{padding:18px}.login-shell{max-width:510px;min-height:auto;grid-template-columns:1fr;border-radius:22px}.login-showcase{display:none}.login-panel{padding:35px 28px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.mobile-brand .school-mark.small{width:50px;height:50px;flex:0 0 auto}.mobile-brand .school-mark.small:before{inset:5px}.mobile-brand .school-mark.small:after{inset:11px}.mobile-brand .school-mark.small span{font-size:13px}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{color:#113c61;font-family:Georgia,serif;font-size:13px}.mobile-brand small{margin-top:3px;color:#8498aa;font-size:10px}}
@media(max-width:420px){.premium-login{padding:10px}.login-panel{padding:28px 20px}.portal-switch{gap:8px}.portal-option{min-height:70px;padding:9px;gap:7px}.portal-icon{width:33px;height:33px;font-size:16px}.portal-option strong{font-size:11px}.login-panel h2{font-size:27px}}
@media print{.no-print{display:none!important}.panel{box-shadow:none}}