/* Shared Kafataslak panel identity; scoped to the public login screen. */
body.studentportal.login{margin:0;background:#f5f4ed;color:#173c38;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.login *,body.login *::before,body.login *::after{box-sizing:border-box}
body.login .student-loginwrap{width:min(1100px,100%);min-height:100svh;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;padding:40px 24px}
body.login .student-loginbox{min-width:0;padding:36px;border:1px solid #d9e3db;border-radius:18px;box-shadow:none;background:#fff}
body.login .loginbrand{display:flex;align-items:center;gap:14px;margin-bottom:28px}
body.login .loginbrand img{width:72px;height:58px;object-fit:contain}
body.login .loginbrand strong{font-size:19px;color:#173c38;letter-spacing:.02em}
body.login .loginbrand span{color:#52625e;font-size:12px}
body.login .student-eyebrow{font-size:11px;color:#386157;line-height:1.7;letter-spacing:.09em}
body.login .student-loginbox h1{font-size:clamp(27px,3vw,36px);line-height:1.16;letter-spacing:-.025em;color:#173c38;overflow-wrap:break-word}
body.login .student-loginbox>p{font-size:15px;color:#52625e;line-height:1.7}
body.login .student-loginform{gap:18px;margin-top:26px}
body.login .student-loginform label{font-size:13px;color:#173c38;gap:8px}
body.login .student-loginform input{width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;color:#173c38;border:1px solid #b9cdc3;background:#fff}
body.login .student-loginform button{min-height:48px;background:#173c38;font:inherit;font-size:15px;font-weight:750}
body.login .student-loginform button:hover{background:#25554c}
body.login a{color:#245d50}body.login a:focus-visible,body.login input:focus-visible,body.login button:focus-visible{outline:3px solid #ad751f;outline-offset:3px}
body.login .student-auth-switch{font-size:13px;line-height:1.7;color:#52625e}body.login .student-auth-switch a{display:inline-block;padding:8px 3px}
body.login .student-loginhero{min-width:0;gap:24px}body.login .student-loginhero>div{background:none;color:#173c38;padding:16px 0;border-radius:0;border-bottom:1px solid #d9e3db}
body.login .student-loginhero span{background:#e3eadc;color:#386157}body.login .student-loginhero b{font-size:19px}body.login .student-loginhero p{font-size:14px;line-height:1.7;color:#52625e}
@media(max-width:850px){body.login .student-loginwrap{grid-template-columns:minmax(0,1fr);max-width:580px;padding:24px 16px;gap:0}body.login .student-loginhero{display:none}}
@media(max-width:380px){body.login .student-loginbox{padding:24px 20px}body.login .loginbrand{gap:10px}body.login .student-loginbox h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.login *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}