:root{--auth-navy:#062f59;--auth-blue:#118fe3;--auth-yellow:#ffd229;--auth-line:#dbe7f0;--auth-muted:#667d91}
.premium-auth *,.premium-auth *:before,.premium-auth *:after{box-sizing:border-box}
html,body.premium-auth{min-height:100%;margin:0;background:#f5f9fc;font-family:"DM Sans",Arial,sans-serif}
.premium-auth{padding:0!important;color:var(--auth-navy)}
.premium-auth .alert{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);max-width:min(620px,calc(100% - 32px));padding:13px 18px;border:1px solid #f0b8b8;border-radius:9px;background:#fff1f1;color:#9a2222;box-shadow:0 10px 28px #072f5920;font-size:12px}
.school-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.06fr) minmax(520px,.94fr);background:#fff}
.school-auth-visual{position:relative;min-height:100vh;padding:38px 44px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(180deg,rgba(2,32,61,.3),transparent 38%,rgba(2,32,61,.9)),var(--auth-image);background-size:cover;background-position:center;overflow:hidden}
.school-auth-visual:after{content:"";position:absolute;right:-140px;bottom:-170px;width:430px;height:430px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.04)}
.school-auth-logo{position:relative;z-index:2;width:235px;padding:12px 16px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(2,31,59,.18)}
.school-auth-logo img{display:block;width:100%;height:62px;object-fit:contain}
.school-auth-story{position:relative;z-index:2;max-width:600px;padding:0 0 24px;color:#fff}
.school-auth-story>span{color:#91d6ff;font-size:11px;font-weight:800;letter-spacing:.18em}
.school-auth-story h2{max-width:540px;margin:12px 0 14px;color:#fff;font:800 clamp(46px,5vw,76px)/.96 "DM Sans",Arial,sans-serif;letter-spacing:-.055em}
.school-auth-story p{max-width:535px;margin:0;color:#d6e8f5;font-size:15px;line-height:1.7}
.school-auth-story>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.school-auth-story b{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:rgba(4,46,84,.42);font-size:10px;backdrop-filter:blur(7px)}
.school-auth-story svg{width:17px;color:var(--auth-yellow)}
.school-auth-panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:65px clamp(34px,6vw,92px);background:linear-gradient(145deg,#fff,#f8fbfd)}
.school-auth-panel-logo{display:none}
.school-auth-back,.school-auth-top{position:absolute;top:32px;color:#557087;font-size:11px}.school-auth-back{left:38px;display:flex;align-items:center;gap:7px}.school-auth-back svg{width:15px}.school-auth-top{right:38px;margin:0}.school-auth-top a,.school-auth-switch a{color:var(--auth-blue);font-weight:800}
.school-auth-form{width:min(100%,510px)}
.register-form{width:min(100%,660px)}
.school-auth-heading{margin-bottom:28px}.school-auth-heading>span{color:var(--auth-blue);font-size:10px;font-weight:800;letter-spacing:.16em}.school-auth-heading h1{margin:8px 0 10px;color:var(--auth-navy);font:800 clamp(38px,4vw,53px)/1 "DM Sans",Arial,sans-serif;letter-spacing:-.05em}.school-auth-heading p{margin:0;color:var(--auth-muted);font-size:12px;line-height:1.6}
.school-auth-form>label:not(.school-auth-check),.school-auth-grid>label{display:block;margin:15px 0;color:#173f63;font-size:10px;font-weight:800}.school-auth-grid>label>span{color:#8395a5;font-weight:500}.school-auth-form label>div{position:relative;display:flex;align-items:center;margin-top:7px;border:1px solid var(--auth-line);border-radius:8px;background:#fff;transition:.2s}.school-auth-form label>div:focus-within{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(17,143,227,.1)}
.school-auth-form label>div>svg{width:18px;margin-left:14px;color:#168bd4}.school-auth-form input{width:100%;height:48px;padding:0 14px;border:0!important;background:transparent!important;color:#0c3154;font:500 12px "DM Sans",Arial,sans-serif;outline:0}.school-auth-form input::placeholder{color:#9aa9b6}
.school-auth-form .password-toggle{position:static;width:45px;height:45px;border:0;background:transparent;color:#628099}.school-auth-form .password-toggle svg{width:17px}.school-auth-form .password-field .password-leading-icon{flex:0 0 18px;width:18px;margin-left:14px;color:#168bd4}.school-auth-form .password-field .password-toggle{margin-left:auto}
.school-auth-form .password-field input{padding-left:46px}
.school-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.school-auth-grid>label{margin:9px 0}.school-auth-grid label>small{display:block;margin-top:5px;color:#7890a3;font-size:8px;font-weight:500}
.phone-field>b{padding-left:14px;color:#0b4f88;font-size:12px}.phone-field input{padding-left:9px}
.file-field{height:50px;padding:0 12px;overflow:hidden}.file-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-field small{margin-left:9px;color:#6d8497;font-size:10px}.file-field svg{margin-left:0!important}
.school-auth-check{display:flex!important;align-items:center;gap:9px;margin:17px 0!important;color:#637b8f!important;font-size:10px!important;font-weight:500!important}.school-auth-check input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:var(--auth-blue)}
.school-auth-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:linear-gradient(135deg,#073b70,#0b63aa);color:#fff;font:800 12px "DM Sans",Arial,sans-serif;box-shadow:0 12px 24px rgba(5,61,111,.2);cursor:pointer}.school-auth-submit:hover{background:linear-gradient(135deg,#0b63aa,#118fe3);transform:translateY(-1px)}.school-auth-submit svg{width:17px}
.school-auth-switch{margin:19px 0 0;text-align:center;color:#71889a;font-size:11px}.school-auth-security{display:flex!important;justify-content:center;gap:7px!important;margin-top:14px!important;border:0!important;background:transparent!important;color:#7c91a1;font-size:9px}.school-auth-security svg{width:13px!important;margin:0!important}
.school-verify-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 15%,#dff4ff,transparent 34%),linear-gradient(145deg,#f8fbfd,#e9f5fc)}
.school-verify-page>section{width:min(100%,710px);padding:35px 42px;border:1px solid #d9e7f0;border-radius:17px;background:#fff;box-shadow:0 24px 65px rgba(4,47,86,.13);text-align:center}
.verify-logo{display:inline-block;width:210px}.verify-logo img{width:100%;height:65px;object-fit:contain}.verify-icon{width:58px;height:58px;display:grid;place-items:center;margin:14px auto;border-radius:15px;background:#eaf7ff;color:var(--auth-blue)}.verify-icon svg{width:28px}.school-verify-page>section>span{color:var(--auth-blue);font-size:9px;font-weight:800;letter-spacing:.16em}.school-verify-page h1{margin:8px 0;color:var(--auth-navy);font:800 38px/1 "DM Sans",Arial,sans-serif}.school-verify-page>section>p{max-width:510px;margin:0 auto;color:#6d8396;font-size:11px;line-height:1.6}
.dual-otp-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;text-align:left}.dual-otp-form label{padding:16px;border:1px solid #dce8f1;border-radius:10px;background:#f9fcfe}.dual-otp-form label b,.dual-otp-form label small{display:flex;align-items:center;gap:6px}.dual-otp-form label b{color:#0b426f;font-size:11px}.dual-otp-form label b svg{width:16px;color:var(--auth-blue)}.dual-otp-form label small{margin:5px 0 11px;color:#7d91a2;font-size:8px}.dual-otp-form input{width:100%;height:52px;border:1px solid #cfe0eb;border-radius:7px;background:#fff;color:#073b70;font:800 23px/1 "DM Sans",Arial,sans-serif;letter-spacing:.24em;text-align:center}.dual-otp-form>button{grid-column:1/-1;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#ffd229;color:#062f59;font-weight:800;cursor:pointer}.dual-otp-form>button svg{width:16px}
.verify-resends{display:flex;justify-content:center;gap:10px;margin-top:14px}.verify-resends form{margin:0}.verify-resends button{display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #d7e5ef;border-radius:7px;background:#fff;color:#416782;font-size:9px;cursor:pointer}.verify-resends svg{width:13px}.verify-change{display:block;margin-top:17px;color:#5e7c92;font-size:9px}.dev-otp-note{margin:14px auto 0;padding:9px 12px;border-radius:7px;background:#fff7d4;color:#684d00;font-size:9px}.dev-otp-note b,.dev-otp-note span{display:block}
@media(max-width:900px){.school-auth-shell,.school-auth-visual,.school-auth-panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.school-auth-shell{grid-template-columns:minmax(0,1fr)}.school-auth-visual{min-height:390px;padding:23px}.school-auth-logo{width:190px}.school-auth-logo img{height:52px}.school-auth-story{width:100%;max-width:100%;overflow:hidden}.school-auth-story h2,.school-auth-story p{max-width:100%;overflow-wrap:anywhere}.school-auth-story h2{font-size:43px}.school-auth-panel{min-height:auto;padding:50px 24px 45px}.school-auth-top{position:static;width:100%;margin:0 0 28px;text-align:center}.school-auth-back{left:24px}.school-auth-form,.register-form{width:100%;min-width:0;max-width:660px}.school-auth-grid{grid-template-columns:minmax(0,1fr)}.register-mode .school-auth-visual{min-height:330px}}
@media(max-width:560px){.school-auth-shell,.school-auth-visual,.school-auth-panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.school-auth-visual{min-height:360px;background-position:center 42%}.school-auth-story{width:100%;max-width:100%;overflow:hidden}.school-auth-story h2{max-width:100%;font-size:37px;overflow-wrap:anywhere}.school-auth-story p{max-width:100%;font-size:11px;overflow-wrap:anywhere}.school-auth-story>div{gap:7px}.school-auth-story b{padding:7px;font-size:8px}.school-auth-panel{padding:44px 17px}.school-auth-top{position:static;width:100%;margin:0 0 28px;text-align:center}.school-auth-form,.register-form{width:100%;min-width:0;max-width:100%}.school-auth-grid{grid-template-columns:minmax(0,1fr)}.school-auth-heading h1{font-size:38px}.school-verify-page{padding:18px}.school-verify-page>section{padding:27px 17px}.school-verify-page h1{font-size:31px}.dual-otp-form{grid-template-columns:1fr}.dual-otp-form>button{grid-column:1}.verify-resends{flex-direction:column}.verify-resends button{width:100%;justify-content:center}}

/* Final SchoolKart auth controls: no legacy beige/brown focus state. */
.premium-auth .school-auth-form label>div,.premium-auth .register-form label>div{border:1px solid #dbe7f0!important;background:#fff!important;box-shadow:none!important}
.premium-auth .school-auth-form label>div:focus-within,.premium-auth .register-form label>div:focus-within{border-color:#118fe3!important;box-shadow:0 0 0 3px rgba(17,143,227,.14)!important}
.premium-auth .school-auth-form input,.premium-auth .register-form input,.premium-auth .register-form textarea,.premium-auth .register-form select{border-color:transparent!important;background:transparent!important;color:#0c3154!important}
.premium-auth .school-auth-form label>div>svg,.premium-auth .register-form label>div>svg{color:#118fe3!important}.premium-auth .school-auth-form .password-toggle{color:#557b98!important}.premium-auth .school-auth-check input{accent-color:#118fe3!important}
@media(max-width:1200px){.school-auth-shell,.school-auth-visual,.school-auth-panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.school-auth-shell{grid-template-columns:minmax(0,1fr)}.school-auth-visual{min-height:390px;padding:23px}.school-auth-logo{width:190px}.school-auth-logo img{height:52px}.school-auth-story{width:100%;max-width:100%;overflow:hidden}.school-auth-story h2,.school-auth-story p{max-width:100%;overflow-wrap:anywhere}.school-auth-story h2{font-size:43px}.school-auth-panel{min-height:auto;padding:50px 24px 45px}.school-auth-top{position:static;width:100%;margin:0 0 28px;text-align:center}.school-auth-form,.register-form{width:100%;min-width:0;max-width:660px}.school-auth-grid{grid-template-columns:minmax(0,1fr)}.register-mode .school-auth-visual{min-height:330px}}

/* Responsive account pages: split on laptops, focused form on tablets and phones. */
@media(min-width:961px) and (max-width:1200px){
    .school-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr)}
    .school-auth-visual{display:flex;min-height:100vh;padding:30px;background-position:58% center}
    .school-auth-panel{min-height:100vh;padding:76px 42px 48px}
    .school-auth-top{position:absolute;top:28px;right:32px;width:auto;margin:0;text-align:right}
    .school-auth-back{top:28px;left:32px}
    .school-auth-form{max-width:520px}
    .register-form{max-width:620px}
    .school-auth-grid{grid-template-columns:1fr 1fr}
    .school-auth-story h2{font-size:49px}
    .school-auth-story p{font-size:13px}
    .school-auth-logo{width:180px}
}
@media(max-width:960px){
    html,body.premium-auth{width:100%;overflow-x:hidden;background:#f4f9fc}
    .school-auth-shell{display:block;width:100%;min-height:100svh;background:linear-gradient(145deg,#fff,#f3f9fd)}
    .school-auth-visual{display:none!important}
    .school-auth-panel{width:100%;min-height:100svh;padding:112px 24px 52px;overflow:visible;background:radial-gradient(circle at 100% 0,#e5f5ff 0,transparent 35%),linear-gradient(145deg,#fff,#f7fbfe)}
    .school-auth-panel-logo{position:absolute;top:24px;left:50%;display:block;width:150px;transform:translateX(-50%)}
    .school-auth-panel-logo img{display:block;width:100%;height:48px;object-fit:contain}
    .school-auth-back{top:34px;left:24px}
    .school-auth-top{position:absolute;top:34px;right:24px;width:auto;margin:0;text-align:right}
    .school-auth-form,.register-form{width:min(100%,580px);max-width:580px;margin:auto;padding:34px 38px 30px;border:1px solid #dce9f2;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 24px 65px rgba(5,47,87,.1)}
    .school-auth-grid{grid-template-columns:minmax(0,1fr)}
    .school-auth-heading{text-align:center}
    .school-auth-heading h1{font-size:clamp(36px,7vw,48px)}
}
@media(max-width:560px){
    .school-auth-panel{padding:94px 14px 30px}
    .school-auth-panel-logo{top:19px;width:126px}
    .school-auth-panel-logo img{height:43px}
    .school-auth-back{top:28px;left:16px}
    .school-auth-back span{display:none}
    .school-auth-top{top:28px;right:16px;font-size:10px}
    .school-auth-top span{display:none}
    .school-auth-form,.register-form{max-width:100%;padding:27px 18px 24px;border-radius:14px}
    .school-auth-heading{margin-bottom:23px}
    .school-auth-heading h1{font-size:34px}
    .school-auth-heading p{font-size:10px}
    .school-auth-form>label:not(.school-auth-check),.school-auth-grid>label{margin:12px 0}
    .school-auth-form input{height:50px;font-size:11px}
    .school-auth-form label>div>svg{flex:0 0 17px;width:17px;margin-left:12px}
    .school-auth-form .password-toggle{flex:0 0 42px;width:42px;height:42px;padding:0}
    .school-auth-submit{min-height:52px}
    .school-auth-switch{font-size:10px;line-height:1.6}
    .school-auth-security{text-align:center;font-size:8px}
}
.premium-auth .school-auth-form label>div:focus-within{box-shadow:none!important}
.premium-auth .school-auth-form .password-field{position:relative!important;display:block!important;min-height:50px}
.premium-auth .school-auth-form .password-field .password-leading-icon{position:absolute!important;left:14px;top:50%;z-index:2;width:18px;height:18px;margin:0!important;transform:translateY(-50%);pointer-events:none}
.premium-auth .school-auth-form .password-field input{display:block!important;width:100%!important;padding-left:46px!important;padding-right:48px!important}
.premium-auth .school-auth-form .password-field .password-toggle{position:absolute!important;right:4px;top:50%;z-index:2;width:40px;height:40px;margin:0!important;transform:translateY(-50%)}
.premium-auth .school-auth-form label>div:focus-within{border-color:var(--auth-line)!important;box-shadow:none!important;outline:0!important}
.premium-auth .school-auth-form label>div input:focus{outline:0!important;box-shadow:none!important}
.premium-auth .school-auth-back{font-size:14px!important}.premium-auth .school-auth-back svg{width:18px!important;height:18px!important}
.premium-auth .school-auth-heading>span{font-size:12px!important}.premium-auth .school-auth-heading h1{font-size:clamp(46px,4.2vw,62px)!important;line-height:1.02!important}.premium-auth .school-auth-heading p{font-size:15px!important;line-height:1.6!important}
.premium-auth .school-auth-form>label:not(.school-auth-check){font-size:13px!important;margin:19px 0!important}.premium-auth .school-auth-form input{font-size:15px!important}.premium-auth .school-auth-form input::placeholder{font-size:15px!important}.premium-auth .school-auth-check{font-size:13px!important}.premium-auth .school-auth-submit{font-size:15px!important;min-height:56px!important}.premium-auth .school-auth-switch{font-size:13px!important}
@media(max-width:560px){.premium-auth .school-auth-heading h1{font-size:40px!important}.premium-auth .school-auth-heading p{font-size:14px!important}.premium-auth .school-auth-form>label:not(.school-auth-check){font-size:12px!important}.premium-auth .school-auth-form input,.premium-auth .school-auth-form input::placeholder{font-size:14px!important}}
.premium-auth input[type="password"]::-ms-reveal,.premium-auth input[type="password"]::-ms-clear{display:none!important;width:0!important;height:0!important}
.premium-auth input[type="password"]::-webkit-textfield-decoration-container{display:none!important}