*{box-sizing:border-box}body{color:#173f54;background:#eef6f8;margin:0;font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.story{color:#fff;background:linear-gradient(145deg,#064e72,#079188);flex-direction:column;justify-content:space-between;padding:42px 7vw;display:flex}.logo{color:#075978;background:#fff;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.story div{margin-bottom:15vh}.story small,.card>small,.content>small{letter-spacing:.14em;font-weight:900}.story h1{margin:15px 0;font-size:clamp(3rem,5vw,5rem);line-height:1}.story p{color:#d2eeee}.panel{place-items:center;padding:28px;display:grid}.card,.box{background:#fff;border:1px solid #cee1e5;border-radius:20px;width:min(100%,450px);padding:34px;box-shadow:0 24px 65px #16455a1c}.card{position:relative;overflow:hidden}.card>i{background:linear-gradient(90deg,#0874a6 34%,#0aa398 34% 70%,#e9b341 70%);height:5px;position:absolute;inset:0 0 auto}.lock{background:#e1f3f1;border-radius:14px;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.card h2{margin:8px 0;font-size:2rem}.card p,.content>p{color:#72868f}.card label,.box label{gap:6px;margin-top:14px;font-size:.75rem;font-weight:800;display:grid}.card input,.box input,.box textarea{border:1px solid #c5dce0;border-radius:10px;outline:none;padding:12px}.otp{color:#996416;text-align:center}.otp input{letter-spacing:.65em;text-align:center;background:#fffaf0;border-color:#dda142;font-size:1.35rem}.card button,.box>button{color:#fff;background:linear-gradient(90deg,#0873a6,#0a9b97);border:0;border-radius:10px;width:100%;margin-top:18px;padding:13px;font-weight:900}.card .link{color:#087f87;background:0 0;margin-top:8px}.msg{color:#86551b;background:#fff0d5;border-radius:9px;margin-top:15px;padding:10px}.portal header{color:#fff;background:linear-gradient(90deg,#064f75,#078b88);align-items:center;gap:12px;padding:13px 4vw;display:flex}header div small,header span small{color:#c8e5e7;font-size:.7rem;display:block}header span{text-align:right;margin-left:auto}header>button{color:#fff;background:#ffffff12;border:1px solid #ffffff40;border-radius:8px;padding:9px 12px}.content{max-width:1300px;margin:auto;padding:40px 4vw}.content h1{margin:8px 0;font-size:2.7rem}.grid{grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:25px;display:grid}.box{border-radius:15px;width:100%}.box h2{margin-top:0}.box article{border:1px solid #dce8eb;border-radius:10px;margin-top:10px;padding:14px;position:relative}.box article small,.box article b{display:block}.box article p{color:#168985;margin:5px 0;font-size:.75rem}.box em{border-radius:99px;padding:5px 8px;font-size:.65rem;font-style:normal;position:absolute;top:12px;right:12px}.on{color:#176b45;background:#ddf2e5}.off{color:#9b3342;background:#fbe4e8}.schools{margin-top:25px}.schools article button{color:#75858c;background:#edf2f4;border:0;border-radius:7px;width:100%;padding:9px}@media (width<=800px){.login{grid-template-columns:1fr}.story{min-height:42vh}.story div{margin:60px 0 10px}.story h1{font-size:2.6rem}.grid{grid-template-columns:1fr}.portal header{flex-wrap:wrap}header span{margin-left:0}.content h1{font-size:2rem}}