:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172641;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(500px,.92fr)}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 52%,#047b83 0,transparent 36%),linear-gradient(145deg,#092c56,#06476b 62%,#087f76);color:#fff;padding:52px 8%}.login-brand:before{content:"";position:absolute;width:410px;height:410px;border:1px solid #63d8c43d;border-radius:50%;right:-205px;top:-70px}.login-brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;opacity:.13;background:linear-gradient(165deg,transparent 15%,#40d2ac 16%,transparent 17%),repeating-linear-gradient(90deg,#fff0 0 47px,#fff2 48px 50px)}.brand-content{position:relative;z-index:1;min-height:calc(100vh - 104px);display:flex;flex-direction:column}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:22px}.app-identity{display:flex;align-items:center;gap:14px}.app-identity>div:last-child{display:flex;flex-direction:column}.app-identity strong{font-size:23px}.app-identity small{color:#add2dc;margin-top:3px}.brand-mark{width:66px;height:66px;border-radius:17px;background:#fff;display:grid;place-items:center;color:#0d756d;font-size:38px;font-weight:900;box-shadow:0 10px 30px #001a2a44}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:17px}.institution-logo{width:68px;height:68px;padding:7px;background:#ffffffed;border:1px solid #ffffff80;border-radius:17px;display:grid;place-items:center}.institution-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-copy{margin-top:auto;max-width:710px}.brand-copy>span,.welcome{display:inline-block;color:#54dec0;font-size:12px;font-weight:900;letter-spacing:.13em;border:1px solid #58d8bc33;border-radius:18px;padding:7px 14px}.brand-copy h1{font-size:clamp(39px,4vw,59px);line-height:1.07;margin:22px 0 17px;max-width:680px}.brand-copy i{display:block;width:92px;height:4px;border-radius:4px;background:#24c7a4}.brand-copy p{max-width:650px;color:#d0e1e7;font-size:16px;line-height:1.75;margin:20px 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{display:flex;align-items:center;gap:12px;border:1px solid #ffffff17;background:#ffffff0b;border-radius:12px;padding:16px}.feature-grid article div{display:flex;flex-direction:column;gap:4px}.feature-grid small{color:#b9d1db;line-height:1.45}.feature-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center}.feature-icon.green{background:#24c9a6}.feature-icon.gold{background:#e5ad19}.feature-icon.blue{background:#4d8feb}.trust-note{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:34px}.trust-note>b{width:38px;height:38px;background:#ffffff13;border-radius:50%;display:grid;place-items:center}.trust-note div{display:flex;flex-direction:column;gap:3px}.trust-note small{color:#abc5cf}.login-area{display:grid;place-items:center;padding:45px;background:radial-gradient(circle at 93% 7%,#dcecf75c 0 15%,transparent 15.2%),radial-gradient(#b9ccdc55 1px,transparent 1px),#f7f9fc;background-size:auto,16px 16px}.login-card{width:min(520px,100%);background:#ffffffee;border:1px solid #fff;border-radius:17px;padding:42px 46px;box-shadow:0 18px 50px #253d5a18}.mobile-brand{display:none}.welcome{padding:0;border:0;color:#168c79}.login-card h2{font-size:35px;margin:13px 0 8px}.login-card>p{color:#6e7c8f;margin:0 0 24px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card label{font-weight:750;font-size:14px;display:flex;flex-direction:column;gap:8px}.input-icon{position:relative}.input-icon>span{position:absolute;left:15px;top:14px;color:#60728b;z-index:1}.login-card input{width:100%;border:1px solid #ced8e5;border-radius:10px;padding:14px 15px 14px 45px;background:#fbfcfe;font:inherit;outline:none}.login-card input:focus{border-color:#168c79;box-shadow:0 0 0 3px #168c791b;background:#fff}.password-wrap input{padding-right:90px}.password-wrap button{position:absolute;right:8px;top:7px;border:1px solid #dce3eb;background:#f7f9fb;color:#526174;padding:8px 10px;border-radius:7px;font-weight:700;cursor:pointer}.remember{flex-direction:row!important;align-items:center;font-weight:500!important;color:#526174}.remember input{width:17px;height:17px;padding:0;accent-color:#18a184}.login-button{border:0;background:linear-gradient(90deg,#0a8a72,#10a27e);color:#fff;border-radius:9px;padding:15px 18px;font-size:15px;font-weight:850;display:flex;justify-content:center;gap:16px;cursor:pointer}.login-button:hover{filter:brightness(.95)}.auth-alert{padding:12px 14px;border-radius:9px;margin-bottom:18px;font-size:14px}.auth-alert.error{background:#fff0f0;color:#a62e2e}.auth-alert.success{background:#eaf8f3;color:#14705f;border:1px solid #bce9da}.login-help{margin-top:20px;border-top:1px solid #e1e6ed;padding-top:18px;display:flex;gap:13px}.login-help>b{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e5f7f1;color:#0d9277;display:grid;place-items:center}.login-help div{display:flex;flex-direction:column;gap:4px;font-size:13px}.login-help span,.school-card span{color:#758295;line-height:1.45}.school-card{display:flex;align-items:center;gap:13px;margin-top:20px;padding:14px;background:linear-gradient(110deg,#edf9f5,#f3f8fb);border-radius:10px}.school-card img,.school-card>b{width:44px;height:44px;object-fit:contain;border-radius:8px}.school-card>b{display:grid;place-items:center;color:#108b73;font-size:23px}.school-card div{display:flex;flex-direction:column;gap:3px;font-size:13px}@media(max-width:1000px){.login-shell{grid-template-columns:minmax(420px,.9fr) minmax(450px,1.1fr)}.feature-grid{grid-template-columns:1fr}.feature-grid article:nth-child(3){display:none}.brand-copy h1{font-size:42px}}@media(max-width:800px){.login-shell{display:block}.login-brand{display:none}.login-area{min-height:100vh;padding:24px 17px}.login-card{padding:30px 25px}.mobile-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.mobile-brand .brand-mark{width:48px;height:48px;font-size:28px}.mobile-brand .app-identity strong{font-size:19px}.mobile-brand .app-identity small{font-size:10px}.mobile-brand .institution-logo{width:48px;height:48px;border:1px solid #dce5ed}.login-card h2{font-size:29px}}