@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');
:root{--navy:#12294c;--green:#5aa631;--blue:#1f4fb0;--muted:#6a7686;--line:#e2e9ef}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:'Source Sans 3',sans-serif;color:#243244}.auth{min-height:100vh;display:flex}.brand-panel{flex:1 1 46%;position:relative;overflow:hidden;background:linear-gradient(180deg,#f3f7f4,#eef4f7);padding:34px 40px;display:flex;flex-direction:column}.brand-panel:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,#7cc24d 0 45%,#4f9e2d 46% 57%,#1f4fb0 58%);left:50%;transform:translateX(-50%);bottom:-500px}.brand-panel img{height:50px;width:auto;align-self:flex-start;position:relative;z-index:2}.brand-copy{position:relative;z-index:2;max-width:520px;margin-top:55px}.brand-copy h2{font:800 34px/1.15 Poppins;color:var(--navy)}.brand-copy p{font-size:17px;color:#465365}.mascots{position:relative;z-index:3;margin:auto auto 0;display:flex;gap:22px}.mascot{width:160px;height:210px;border-radius:80px 80px 35px 35px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:68px;border:8px solid rgba(255,255,255,.65)}.mascot.nora{background:var(--blue)}.form-panel{flex:1 1 54%;display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:450px}.auth-card>img{height:50px;margin-bottom:25px}.auth-card h1{font:800 30px Poppins;color:var(--navy)}.sub{color:var(--muted)}.role-toggle{display:flex;gap:10px;margin:22px 0}.role-btn{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:11px;font:600 14px Poppins;color:var(--muted)}.role-btn.active{border-color:var(--green);background:#f1f8ec;color:var(--green)}.form-label{font:600 13px Poppins;color:var(--navy)}.form-control,.form-select{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(90,166,49,.15)}.btn-green{background:var(--green);color:#fff;font:600 16px Poppins;border-radius:9px;padding:12px}.btn-green:hover{background:#4e962c;color:#fff}.alert{border-radius:10px}
@media(max-width:991.98px){.brand-panel{display:none}.form-panel{flex-basis:100%}}