body.auth-locked{overflow:hidden}
.auth-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,rgba(12,35,28,.98),rgba(26,55,44,.96)),url('assets/hero.png') center/cover}.auth-gate[hidden]{display:none}.auth-shell{width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#f5eddf;border:1px solid rgba(255,255,255,.24);box-shadow:0 32px 90px rgba(0,0,0,.38)}.auth-head{display:grid;grid-template-columns:1.15fr .85fr;min-height:230px;border-bottom:1px solid #cbbda8}.auth-intro{padding:42px 46px}.auth-kicker,.auth-role-card small{display:block;margin-bottom:12px;color:#ac432d;font:600 11px/1.2 "DM Sans",sans-serif;letter-spacing:.17em}.auth-intro h1{max-width:640px;margin:0;color:#15251f;font:500 clamp(42px,6vw,72px)/.94 "Newsreader",serif}.auth-intro p{max-width:620px;margin:22px 0 0;font:400 16px/1.65 "DM Sans",sans-serif}.auth-visual{position:relative;overflow:hidden;min-height:230px;background:#d7c49d}.auth-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}.auth-visual:after{content:"AKSES PEMBELAJARAN";position:absolute;right:0;bottom:24px;padding:10px 24px;background:#a9422d;color:white;font:600 10px "DM Sans",sans-serif;letter-spacing:.15em}.auth-panel{padding:30px 46px 42px}.auth-role-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bcae99}.auth-role-switch button{min-height:58px;border:0;background:#fffaf2;color:#15251f;font:600 14px "DM Sans",sans-serif;cursor:pointer}.auth-role-switch button+button{border-left:1px solid #bcae99}.auth-role-switch button.active{background:#244f40;color:#fff}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.auth-form[hidden]{display:none}.auth-role-card{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #cbbda8}.auth-role-card h2{margin:0 0 5px;font:500 30px/1 "Newsreader",serif}.auth-role-card p{margin:0;color:#615b52;font:400 13px/1.5 "DM Sans",sans-serif}.auth-form label{display:block;color:#15251f;font:600 12px "DM Sans",sans-serif}.auth-form input{box-sizing:border-box;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #bcae99;border-radius:0;background:#fff;font:400 15px "DM Sans",sans-serif}.auth-form input:focus{outline:3px solid rgba(211,150,52,.25);border-color:#9a6417}.auth-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.auth-submit button{min-width:220px;padding:15px 22px;border:0;background:#244f40;color:#fff;font:600 13px "DM Sans",sans-serif;cursor:pointer}.auth-note{margin:0;color:#6f685f;font:400 11px/1.5 "DM Sans",sans-serif}.auth-error{grid-column:1/-1;min-height:18px;margin:0;color:#a32b20;font:600 12px "DM Sans",sans-serif}.role-tools{display:flex;align-items:center;gap:9px;margin-left:auto}.role-badge{padding:7px 10px;background:#e9ddca;color:#244f40;font:600 10px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}.role-logout{padding:8px 11px;border:1px solid #bcae99;background:transparent;color:#244f40;font:600 11px "DM Sans",sans-serif;cursor:pointer}body.role-student nav [data-view="dosen"],body.role-student #dosen{display:none!important}body.role-student .topbar .avatar{display:none}.auth-gate button:focus-visible,.role-logout:focus-visible{outline:3px solid #e8ad45;outline-offset:2px}
@media(max-width:760px){.auth-gate{padding:0}.auth-shell{width:100%;height:100%;max-height:none}.auth-head{grid-template-columns:1fr}.auth-intro{padding:30px 24px}.auth-intro h1{font-size:45px}.auth-visual{min-height:155px}.auth-panel{padding:24px}.auth-form{grid-template-columns:1fr}.auth-role-card,.auth-submit{grid-column:1}.auth-role-card{display:block}.auth-submit{align-items:stretch;flex-direction:column}.auth-submit button{width:100%}.auth-note{order:2}.topbar{gap:8px}.role-tools{margin-left:0}.role-badge{display:none}}