*{box-sizing:border-box}body.login-page{margin:0;background:#eef3f6;font-family:'Segoe UI',Arial,sans-serif;color:#203f53;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px}button,input{font:inherit}a{color:#287e9d;text-decoration:none}a:hover{text-decoration:underline}.login-container{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.45fr);width:100%;max-width:1240px;border:1px solid #e2e9ec;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 22px 65px #2144580b}.login-left{padding:40px 42px 26px;display:flex;flex-direction:column;min-width:0}.school-brand{display:flex;align-items:center;min-height:48px;margin-bottom:54px}.school-brand img{max-width:100%;width:250px;max-height:66px;object-fit:contain;object-position:left}.login-form-wrap{margin:auto 0}.eyebrow{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;color:#6f929e}.login-left h1{font-size:34px;font-weight:650;letter-spacing:-1.2px;margin:12px 0 10px;line-height:1.2}.login-left h1 span{color:#2e9d95}.login-intro{font-size:14px;color:#8a9ba7;margin:0 0 32px}.form-group{margin-bottom:22px}.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#365568}.input-wrap{display:flex;align-items:center;border:1px solid #dce6eb;border-radius:9px;background:#fbfcfd;min-height:49px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#4d9ba9;box-shadow:0 0 0 3px #4d9ba916}.input-wrap>i{color:#98aeb9;font-size:16px;width:42px;text-align:center;flex-shrink:0}.input-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;padding:13px 12px 13px 0;color:#2e4e62;font-size:13px}.input-wrap input::placeholder{color:#a0afb8}.input-wrap button{border:0;background:transparent;padding:12px 15px;color:#819aa7;cursor:pointer}.password-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.password-label a{font-size:11px;font-weight:600}.login-btn{display:flex;justify-content:space-between;align-items:center;border:0;background:#1e6d87;color:#fff;width:100%;padding:15px 18px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 14px #1e6d8719;transition:background .15s}.login-btn:hover{background:#175a73}.login-help{display:flex;gap:7px;align-items:baseline;font-size:11px;line-height:1.6;color:#97a7b1;margin:18px 0 0}.login-help i{color:#7c9ea9}.login-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:50px;margin-top:auto;color:#a1afb8;font-size:9px}.login-footer strong{color:#668797;font-size:9px;letter-spacing:.2px}.login-footer a{color:#8299a6}.login-right{padding:32px 34px 24px;background:linear-gradient(135deg,#f0f7fb 0%,#eef8f5 100%);min-width:0;border-left:1px solid #e8f0f3}.product-brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:1.2px;color:#315d70}.rw-mark{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:9px;background:#1e647e;color:white;font-size:12px;letter-spacing:-.4px}.product-brand small{display:block;font-size:7px;font-weight:500;letter-spacing:1.1px;color:#8ca5ae;margin-top:4px}.product-badge{margin-left:auto;padding:6px 9px;border:1px solid #d8e8ed;border-radius:6px;font-size:9px;letter-spacing:.2px;color:#809aa5;font-weight:500}.product-heading{margin-top:29px}.product-heading .eyebrow{font-size:8px;color:#77a29f}.product-heading h2{font-size:35px;line-height:1.18;letter-spacing:-1.1px;font-weight:650;margin:12px 0;color:#244e66}.product-heading h2 em{font-style:normal;color:#28958e}.product-heading p{font-size:12px;line-height:1.75;color:#8098a5;margin:0}.school-illustration{display:block;width:100%;height:auto;margin:6px auto 8px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.feature{display:flex;align-items:flex-start;gap:10px;min-width:0}.feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0;font-size:14px}.blue{background:#dfedf8;color:#4985b4}.teal{background:#dff0ed;color:#43968e}.amber{background:#fbefda;color:#bf9852}.purple{background:#eae7f7;color:#9982bd}.coral{background:#f8e8e3;color:#c68a74}.green{background:#e2efe2;color:#7b9e70}.feature h3{font-size:11px;line-height:1.4;margin:0 0 4px;font-weight:650;color:#365c6d}.feature p{font-size:10px;line-height:1.5;color:#8a9fa9;margin:0}.product-footer{display:flex;flex-wrap:wrap;gap:16px;font-size:9px;color:#88a39e;border-top:1px solid #dfece9;padding-top:18px;margin-top:23px}.product-footer i{color:#71a797;margin-right:4px}button:focus-visible,a:focus-visible{outline:3px solid #80b5c5;outline-offset:3px}@media(min-width:1500px){.login-container{max-width:1320px}.login-left{padding:48px}.login-right{padding:36px 44px}.product-heading h2{font-size:39px}.feature h3{font-size:12px}.feature p{font-size:11px}}@media(max-width:1050px){body.login-page{padding:20px}.login-container{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.login-left{padding:28px}.login-right{padding:28px 24px}.product-heading h2{font-size:30px}.feature-grid{gap:18px 10px}.feature{gap:8px}.feature-icon{width:28px;height:28px}.product-badge{display:none}.desktop-break{display:none}}@media(max-width:760px){body.login-page{display:block;padding:16px}.login-container{display:block;max-width:560px;margin:0 auto;border-radius:18px}.login-left{padding:28px 26px}.school-brand{margin-bottom:32px;min-height:36px}.school-brand img{width:220px;max-height:52px}.login-left h1{font-size:31px}.login-intro{margin-bottom:26px}.login-footer{padding-top:30px}.login-right{padding:28px 26px;border-left:0;border-top:1px solid #e0ecef}.product-heading{margin-top:24px}.product-heading h2{font-size:32px}.school-illustration{margin:14px auto}.feature-grid{gap:20px 14px}.product-footer{line-height:1.5;gap:10px 16px}.input-wrap input{font-size:16px}.product-brand{font-size:10px}}@media(max-width:380px){body.login-page{padding:8px}.login-left,.login-right{padding:24px 20px}.feature-grid{grid-template-columns:1fr}.feature h3{font-size:12px}.feature p{font-size:11px}.product-heading h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Compact viewport layout and stronger text contrast. */
body.login-page{padding:18px}.login-left{padding:28px 34px 22px}.school-brand{margin-bottom:30px}.login-footer{padding-top:28px}.login-right{padding:24px 30px 18px}.product-heading{margin-top:20px}.product-heading h2{font-size:32px;margin:9px 0}.school-illustration{max-height:180px;object-fit:contain;margin:4px auto 8px}.feature-grid{gap:15px 16px}.product-footer{padding-top:12px;margin-top:17px}.mobile-page-tabs{display:none}
.eyebrow,.product-heading .eyebrow{color:#426d7b}.login-intro{color:#526e80}.input-wrap input::placeholder{color:#647d8c}.input-wrap>i,.input-wrap button{color:#577b8e}.login-help{color:#526f80}.login-footer,.login-footer a{color:#577181}.login-footer strong{color:#305a70}.product-brand small{color:#4f7385}.product-badge{color:#446a7c}.product-heading p{color:#506f81}.feature h3{color:#234b61}.feature p{color:#587584}.product-footer{color:#466f65}
@media(min-width:761px) and (max-height:740px){body.login-page{padding:12px}.login-left{padding:22px 30px 18px}.school-brand{margin-bottom:22px}.login-intro{margin-bottom:22px}.form-group{margin-bottom:18px}.login-right{padding:18px 26px}.product-heading{margin-top:14px}.product-heading h2{font-size:29px}.school-illustration{max-height:135px}.feature-grid{gap:12px}.product-footer{margin-top:12px;padding-top:10px}.login-footer{padding-top:22px}}
@media(max-width:760px){body.login-page{padding:10px;display:flex;align-items:center}.login-container{width:100%;margin:auto}.mobile-page-tabs{display:flex;padding:7px;background:#f3f8fa;border-bottom:1px solid #e0eaf0;gap:6px}.mobile-page-tabs button{flex:1;padding:10px;border:0;border-radius:8px;background:transparent;font-size:12px;font-weight:600;color:#526f81;cursor:pointer}.mobile-page-tabs button[aria-pressed=true]{background:#fff;color:#176c82;box-shadow:0 2px 7px #244c6410}.login-left{padding:24px}.school-brand{margin-bottom:26px}.login-intro{margin-bottom:24px}.login-footer{padding-top:24px}.login-right{display:none;padding:22px 24px;border-top:0}.show-features .login-left{display:none}.show-features .login-right{display:block}.product-heading{margin-top:18px}.product-heading h2{font-size:28px}.school-illustration{max-height:120px;margin:2px auto 8px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.feature h3{font-size:11px}.feature p{font-size:10px}.feature-icon{width:27px;height:27px;font-size:12px}.product-footer{font-size:9px;gap:8px;margin-top:16px}}
@media(max-width:760px) and (max-height:680px){.login-left,.login-right{padding:16px 20px}.school-brand{margin-bottom:18px;min-height:28px}.school-brand img{max-height:38px;width:200px}.login-left h1{font-size:28px;margin:8px 0}.login-intro{margin-bottom:18px}.form-group{margin-bottom:16px}.login-help{margin-top:12px}.login-footer{padding-top:20px}.product-heading{margin-top:13px}.product-heading h2{font-size:25px}.product-heading p{font-size:11px}.school-illustration{max-height:80px}.feature-grid{gap:11px 8px}.product-footer{margin-top:12px;padding-top:10px}.product-footer span:last-child{display:none}}

@media(max-width:760px) and (max-height:600px){.product-heading p,.feature p{display:none}.school-illustration{max-height:70px}.feature{align-items:center}.feature h3{margin:0}.product-footer{margin-top:10px}.login-right .product-heading{margin-top:10px}}

.login-error{display:flex;align-items:flex-start;gap:8px;background:#fff1ef;border:1px solid #f0c7c1;color:#a2372d;padding:11px 12px;border-radius:8px;font-size:12px;line-height:1.5;margin:0 0 17px}.login-error i{margin-top:3px;flex-shrink:0}@media(max-width:760px) and (max-height:680px){.login-form-wrap:has(.login-error) .login-intro{margin-bottom:10px}.login-error{padding:8px 10px;margin-bottom:12px;font-size:11px}}