:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#102f52;background:#eef4fb;--navy:#0d3150;--purple:#7024d1;--line:#d5e2ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 9% 8%,#dfeaff,transparent 36%),radial-gradient(circle at 95% 95%,#e8dcff,transparent 32%),linear-gradient(135deg,#f8fbff,#e8eef8)}button,input{font:inherit}.login-stage{width:min(1040px,100%);display:grid;grid-template-columns:1.03fr .97fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #173b6230;border:1px solid var(--line)}.intro{min-height:650px;padding:46px 44px;color:#fff;background:linear-gradient(145deg,#0c314b,#153f5e 56%,#5a2bb4);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #ffffff30;border-radius:50%;right:-105px;bottom:-120px;box-shadow:0 0 0 28px #ffffff10,0 0 0 56px #ffffff08}.intro img{width:114px;height:114px;object-fit:contain;background:#fff;border-radius:20px;padding:9px;margin-bottom:25px;box-shadow:0 14px 32px #071c3255}.intro-kicker{margin:0 0 8px!important;color:#f2c24c!important;font-size:12px;letter-spacing:2px;font-weight:900}.intro h1{font-size:clamp(34px,4vw,45px);line-height:1.07;margin:0 0 18px;max-width:480px}.intro p{color:#e4eef8;line-height:1.65;max-width:430px;margin:0}.intro>b{display:inline-block;margin-top:27px;color:#f4c34d;letter-spacing:2px}.back-home{position:absolute;top:26px;left:32px;color:#e8f2fb;text-decoration:none;font-size:13px;font-weight:700;z-index:1}.back-home:hover{text-decoration:underline}.card{padding:42px;align-self:center}.portal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:900;color:var(--purple)}.card h2{font-size:30px;margin:8px 0 6px}.muted{color:#66809c;margin:0 0 24px;line-height:1.5}.secure-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eef8f3;color:#187247;font-size:11px;font-weight:800}.role-label{font-size:12px;font-weight:800;color:#4c6884;margin:0 0 8px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.roles button{border:1px solid #d4e0ec;background:#f8fbff;color:#274a6d;border-radius:11px;padding:11px 7px;font-weight:750;cursor:pointer;transition:.18s}.roles button:hover{transform:translateY(-1px);border-color:var(--purple)}.roles button.active{background:#efe7ff;border-color:var(--purple);color:#5e20ae;box-shadow:0 0 0 2px #7024d122}.field{display:grid;gap:7px;margin:15px 0;color:#355776;font-weight:750;font-size:13px}.field input{width:100%;padding:14px;border:1px solid #cbd9e7;border-radius:11px;color:#173b62;background:#fff}.field input:focus{outline:0;border-color:var(--purple);box-shadow:0 0 0 3px #7024d122}.password{display:flex;gap:8px}.password input{flex:1;min-width:0}.password button{min-width:58px;border:1px solid #cbd9e7;background:#f5f8fc;color:#274a6d;border-radius:11px;cursor:pointer;font-size:12px;font-weight:800}.submit{width:100%;margin-top:9px;padding:15px;border:0;border-radius:12px;background:linear-gradient(110deg,#173b62,var(--purple));color:#fff;font-size:15px;font-weight:850;cursor:pointer;transition:.18s;box-shadow:0 9px 20px #173b6222}.submit:hover{transform:translateY(-1px);box-shadow:0 13px 25px #173b6232}.submit:disabled{opacity:.65;cursor:wait;transform:none}.message{min-height:22px;margin:12px 0 0;color:#c62828;font-size:13px}.portal-switch{display:flex;align-items:center;gap:13px;margin-top:17px;padding:13px 14px;border:1px solid #d6e4f1;background:#f5f9fd;border-radius:13px;text-decoration:none;color:#173b62;transition:.18s}.portal-switch:hover{border-color:#8f63d4;background:#f8f3ff;transform:translateY(-1px)}.portal-switch span:last-child{display:grid}.portal-switch small{color:#6b8298}.portal-switch strong{font-size:14px;color:#6323b4}.switch-icon{font-size:22px}.help{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px;color:#71869a}.help a{color:#7024d1;font-weight:700;text-decoration:none}.student-intro{background:linear-gradient(145deg,#092b47,#0b5b79 62%,#0b7d72)}.student-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:24px;color:#e4fff9;font-size:13px;font-weight:750}.student-submit{background:linear-gradient(110deg,#0b466f,#078778)}.student-help{margin-top:18px;padding:14px 16px;border-radius:12px;background:#fff8e8;border:1px solid #f2db9a;color:#69501b}.student-help strong{font-size:13px}.student-help p{margin:4px 0 0;font-size:12px;line-height:1.5}.staff-switch strong{color:#0f6583}@media(max-width:800px){body{padding:12px}.login-stage{grid-template-columns:1fr;max-width:620px}.intro{min-height:auto;padding:78px 28px 30px}.intro img{width:88px;height:88px;margin-bottom:18px}.intro h1{font-size:30px}.intro p{font-size:14px}.intro>b{margin-top:18px}.card{padding:30px 24px}.back-home{top:22px;left:26px}.student-features{display:none}}@media(max-width:460px){body{padding:0;display:block;background:#fff}.login-stage{border:0;border-radius:0;box-shadow:none}.intro{padding:68px 22px 26px}.intro h1{font-size:26px}.intro p{line-height:1.5}.card{padding:27px 20px 34px}.portal-heading{display:block}.secure-badge{display:inline-block;margin-bottom:8px}.roles{grid-template-columns:1fr 1fr}.help{flex-direction:column}.portal-switch{align-items:flex-start}}