/* EduQuiz Auth 2.0, isolated from existing public/admin UI */
.authui{--navy:#14263f;--muted:#6e7f98;--line:#dfe6ef;--green:#0fb68d;--green-deep:#079c7b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--navy);padding:34px 22px 48px;background:#f6f9fc}
.authui *{box-sizing:border-box}.authui-shell{max-width:1180px;min-height:655px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);background:#fff;border:1px solid #e3eaf3;box-shadow:0 25px 80px rgba(20,46,75,.08);border-radius:26px;overflow:hidden}
.authui-story{background:linear-gradient(150deg,#142b47,#0c213b 64%,#113b46);color:#fff;padding:38px 49px 29px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.authui-story:before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 78% 67%,rgba(16,194,153,.19),transparent 43%),radial-gradient(circle at 0 0,rgba(109,160,244,.18),transparent 41%)}
.authui-wordmark{font-weight:850;font-size:23px;letter-spacing:-1.2px;color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:10px}.authui-wordmark span{background:#24ccaa;color:#063934;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:21px}.authui-eyebrow{margin-top:87px;font-size:10px;font-weight:750;letter-spacing:.19em;color:#91e7d5;display:flex;align-items:center;gap:8px}.authui-dot{width:7px;height:7px;border-radius:50%;background:#36d4ad;box-shadow:0 0 0 4px #ffffff16}
.authui-story h2{font-size:clamp(33px,3.45vw,51px);font-weight:800;line-height:1.13;letter-spacing:-.05em;margin:18px 0 18px}.authui-story h2 em{color:#67ebcc;font-style:normal}.authui-story>p{color:#bbcbd8;font-size:14px;line-height:1.85;max-width:335px;margin:0}.authui-illustration{height:225px;display:flex;align-items:center;justify-content:center;position:relative;margin:12px 0 2px}.authui-art-card{width:min(295px,90%);background:linear-gradient(125deg,#fff,#edf9f7);box-shadow:0 19px 55px rgba(0,6,20,.24);border-radius:20px;padding:19px 22px;color:#17364c;position:relative;z-index:1;transform:rotate(-4deg)}.authui-art-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#d2f8ef;color:#078f71;font-size:25px;font-weight:800;margin-bottom:12px}.authui-art-card>span{display:block;color:#7590a0;font-size:11px;margin-bottom:7px}.authui-art-card>strong{font-size:17px;letter-spacing:-.025em}.authui-art-bar{margin-top:17px;height:7px;background:#dce9e8;border-radius:20px;overflow:hidden}.authui-art-bar i{display:block;width:66%;height:100%;background:#25c2a0;border-radius:20px}.authui-art-foot{margin-top:13px;display:flex;gap:11px;color:#668b91;font-size:10px}.authui-orb{position:absolute;border-radius:22px;border:1px solid #ffffff30;opacity:.8}.authui-orb-one{width:67px;height:67px;right:14px;top:33px;transform:rotate(18deg);background:#31d6b11a}.authui-orb-two{width:55px;height:55px;left:17px;bottom:24px;transform:rotate(-18deg);background:#c5eafa1a}.authui-promise{display:flex;flex-wrap:wrap;gap:15px;margin-top:auto;color:#adc5d1;font-size:11px}
.authui-panel{padding:38px clamp(24px,4.5vw,61px) 34px;display:flex;flex-direction:column;background:#fff}.authui-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#8999ae}.authui-small-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#7991a5}.authui-panel-top a{color:#8090a5;text-decoration:none}.authui-panel-top a strong{color:#009d7e}.authui-form-inner{width:100%;max-width:400px;margin:auto auto 0}.authui-icon-top{width:54px;height:54px;background:#e0f9f2;color:#079c7b;border:1px solid #cff3e8;border-radius:17px;font-size:29px;display:grid;place-items:center;margin-bottom:21px}.authui h1{font-size:clamp(26px,2.8vw,35px);line-height:1.2;font-weight:820;letter-spacing:-.05em;color:#152b44;margin:0 0 10px}.authui-intro{font-size:13px;line-height:1.8;color:#8191a3;margin:0 0 25px}.authui-form{display:flex;flex-direction:column;gap:8px}.authui-form label{font-size:12px;font-weight:750;color:#2a3f57;margin-top:8px}.authui-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.authui-label-row label{margin:0}.authui-label-row a{font-size:11px;text-decoration:none;color:#0b967a;font-weight:700}
.authui-control{height:49px;display:flex;align-items:center;border:1px solid #dce5ee;border-radius:11px;background:#fbfdff;transition:box-shadow .15s,border-color .15s}.authui-control:focus-within{border-color:#12b590;box-shadow:0 0 0 4px rgba(18,181,144,.11);background:#fff}.authui-control input{width:100%;min-width:0;border:0;outline:none;padding:13px 15px;background:transparent;color:#18314c;font:inherit;font-size:13px}.authui-control input::placeholder{color:#a5b2bf}.authui-reveal{border:0;cursor:pointer;align-self:stretch;background:transparent;color:#607992;padding:0 14px;font-weight:750;font-size:11px}.authui-reveal:hover{color:#0f987d}.authui-field-hint{font-size:11px;line-height:1.5;color:#8a9aab;margin:1px 0 0}.authui-strength{height:4px;background:#eaf0f5;border-radius:30px;overflow:hidden;margin-top:4px}.authui-strength span{display:block;width:0;height:100%;background:#d9a044;transition:width .2s,background .2s}.authui-submit{height:51px;display:flex;align-items:center;justify-content:space-between;width:100%;background:linear-gradient(90deg,#0fac86,#10b891);color:white;font-weight:800;font-size:13px;border:0;border-radius:11px;cursor:pointer;padding:0 20px;margin-top:15px;box-shadow:0 10px 22px rgba(16,184,145,.19)}.authui-submit:hover{background:linear-gradient(90deg,#0a9576,#0c9e7e)}.authui-submit:disabled{opacity:.65;cursor:wait}.authui-submit span{font-size:22px}.authui-meta{font-size:11px;line-height:1.7;color:#95a2b2;margin:17px 0 25px}.authui-bottom{padding-top:22px;border-top:1px solid #eaf0f5;font-size:12px;color:#8290a3;text-align:center}.authui-bottom a{color:#058c70;font-weight:800;text-decoration:none}
.authui-otp-control{height:74px}.authui-otp-control input{text-align:center;font-size:30px;letter-spacing:.46em;font-weight:800;font-variant-numeric:tabular-nums}.authui-recipient{font-size:12px;color:#667d8b;border:1px solid #dbefe9;background:#f1faf7;padding:12px 14px;border-radius:10px;overflow-wrap:anywhere;margin:0 0 8px}.authui-recipient strong{color:#17795f}.authui-resend{display:grid;gap:10px;justify-items:center;margin:22px 0 14px}.authui-resend button{border:0;background:transparent;color:#0a9476;font-weight:800;font-size:12px;cursor:pointer}.authui-resend input{border:1px solid #e1e8ef;border-radius:8px;font:inherit;padding:10px 12px;max-width:100%;width:100%;font-size:12px;color:#597388}.authui-resend input[readonly]{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.authui-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)}
@media(max-width:900px){.authui-shell{grid-template-columns:.79fr 1fr}.authui-story{padding:30px 28px}.authui-story h2{font-size:35px}.authui-eyebrow{margin-top:75px}.authui-panel{padding:29px 23px}.authui-panel-top{align-items:flex-start;flex-wrap:wrap}}@media(max-width:670px){.authui{padding:14px 10px 25px}.authui-shell{display:flex;flex-direction:column;min-height:auto;border-radius:19px}.authui-story{padding:22px 24px 23px}.authui-story h2{font-size:30px;margin:14px 0 10px}.authui-eyebrow{margin-top:30px}.authui-story>p{font-size:12px}.authui-illustration{display:none}.authui-promise{margin-top:16px}.authui-panel{padding:24px 24px 30px}.authui-form-inner{max-width:100%;margin:30px auto 0}.authui-icon-top{width:43px;height:43px;margin-bottom:13px}.authui-panel-top{gap:5px}.authui h1{font-size:27px}.authui-intro{margin-bottom:15px}.authui-promise{font-size:10px}}@media(prefers-reduced-motion:reduce){.authui *{animation:none!important;transition:none!important}}