/* Qimah light visual system: homepage and account access */
:root{--blue:#0A5980;--blue-dark:#084765;--navy:#0A5980;--deep:#073f5b}
.public-hero{isolation:isolate;color:var(--ink);background:radial-gradient(circle at 11% 80%,rgba(252,166,52,.08),transparent 25%),radial-gradient(circle at 91% 13%,rgba(37,161,142,.09),transparent 27%),radial-gradient(circle at 48% 50%,rgba(77,157,216,.13),transparent 42%),linear-gradient(135deg,#fff 0%,#f7fbff 43%,#edf8fc 100%)}
.public-hero::before{position:absolute;z-index:-1;inset:auto -5% -1px;width:110%;height:34%;background:linear-gradient(145deg,rgba(10,89,128,.025),rgba(10,89,128,.09));clip-path:polygon(0 55%,9% 34%,27% 78%,47% 38%,62% 83%,78% 30%,100% 65%,100% 100%,0 100%);content:""}
.public-hero::after{position:absolute;z-index:-1;inset:auto 0 0;height:36%;background:linear-gradient(165deg,transparent 0 40%,rgba(255,255,255,.56) 40.3% 59%,transparent 59.3%);content:""}
.public-hero .hero-grid{min-height:610px;padding-block:72px 100px}
.public-hero .hero-kicker{border-color:rgba(10,89,128,.1);color:var(--blue);background:rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(10,89,128,.06)}
.public-hero .hero-copy h1{color:#122b3e}.public-hero .hero-copy h1 em{color:var(--blue)}.public-hero .hero-copy>p{color:#61717e}
.public-hero .public-button--primary{color:#fff;background:var(--blue);box-shadow:0 14px 30px rgba(10,89,128,.23)}.public-hero .public-button--primary:hover{background:var(--blue-dark)}
.public-hero .public-button--ghost{border-color:rgba(10,89,128,.12);color:#173348;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(10,89,128,.07)}
.public-hero .hero-trust{color:#425b6c}.public-hero .hero-trust span{display:inline-flex;align-items:center;gap:7px}
.public-hero .hero-art{min-height:430px}.public-hero .orbit{border-color:rgba(10,89,128,.1)}.public-hero .orbit--one{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 42px rgba(10,89,128,.025)}.public-hero .orbit--two{border-color:rgba(10,89,128,.035)}
.public-hero .hero-brand-mark{filter:drop-shadow(0 24px 38px rgba(10,89,128,.13))}
.public-hero .art-card{border-color:rgba(10,89,128,.1);color:#183246;background:rgba(255,255,255,.78);box-shadow:0 24px 55px rgba(10,89,128,.12)}.public-hero .art-card small{color:#718390}.public-hero .art-card--main{background:rgba(255,255,255,.88)}.public-hero .art-card--main strong{color:#173348}
.student-auth-page main{background:#f7fbfe}
.student-auth-page .account-hub{position:relative;isolation:isolate;grid-template-columns:minmax(440px,.92fr) minmax(520px,1.08fr);overflow:hidden;background:radial-gradient(circle at 92% 13%,rgba(37,161,142,.09),transparent 26%),radial-gradient(circle at 49% 40%,rgba(74,153,211,.14),transparent 36%),linear-gradient(135deg,#fff,#f4faff 58%,#ebf7fb)}
.student-auth-page .account-hub::before{position:absolute;z-index:-1;inset:auto -5% 0;width:110%;height:33%;background:linear-gradient(145deg,rgba(10,89,128,.025),rgba(10,89,128,.08));clip-path:polygon(0 58%,12% 25%,31% 82%,51% 36%,69% 86%,84% 38%,100% 69%,100% 100%,0 100%);content:""}
.student-auth-page .auth-visual{position:relative;display:flex;min-height:760px;padding:clamp(48px,6vw,105px);align-items:center;color:var(--ink);background:transparent}
.student-auth-page .auth-visual::after{position:absolute;inset:auto 13% 7% auto;width:240px;height:240px;background:url('../img/qimah-logo-full.png') center/contain no-repeat;filter:drop-shadow(0 22px 35px rgba(10,89,128,.12));content:"";opacity:.9}
.student-auth-page .auth-visual>div{position:relative;z-index:2;margin-bottom:230px}
.student-auth-page .auth-visual .hero-kicker{border-color:rgba(10,89,128,.1);color:var(--blue);background:rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(10,89,128,.06)}
.student-auth-page .auth-visual h1{max-width:650px;color:#122b3e;font-size:clamp(2.7rem,4.7vw,5rem);line-height:1.32}.student-auth-page .auth-visual h1 em{color:var(--orange)}
.student-auth-page .auth-visual p{max-width:650px;color:#60727f;font-size:.96rem;line-height:2}
.student-auth-page .auth-benefits span{border-color:rgba(10,89,128,.1);color:#29485d;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(10,89,128,.05)}
.student-auth-page .account-hub .auth-form-side{position:relative;z-index:3;display:flex;min-height:760px;padding:20px 5vw;align-items:center;background:transparent}
.student-auth-page .auth-shell{width:min(100%,690px);padding:25px 30px;border:1px solid rgba(10,89,128,.12);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 22px 65px rgba(10,89,128,.09);backdrop-filter:blur(18px)}
.student-auth-page .auth-brand-logo{display:none}.student-auth-page .auth-mode-tabs{padding:5px;margin-bottom:22px;border:1px solid rgba(10,89,128,.06);background:#f3f7fa}.student-auth-page .auth-mode-tabs a.is-active{color:var(--blue);box-shadow:0 7px 22px rgba(10,89,128,.08)}
.student-auth-page .auth-form h2{color:#173348;font-size:1.75rem}.student-auth-page .auth-form>p{margin-bottom:15px}
.student-auth-page .role-switch{padding:4px;border-radius:11px;background:#f2f6f9}.student-auth-page .role-switch label span{border:0;background:transparent}.student-auth-page .role-switch label input:checked+span{color:var(--blue);background:#fff;box-shadow:0 7px 20px rgba(10,89,128,.09)}
.student-auth-page .auth-form input,.student-auth-page .auth-form select{border-color:#cadce7;background:rgba(255,255,255,.75)}.student-auth-page .auth-form input:focus,.student-auth-page .auth-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,89,128,.08)}
.student-auth-page .form-submit{background:var(--blue);box-shadow:0 12px 28px rgba(10,89,128,.2)}
@media(max-width:1100px){.student-auth-page .account-hub{grid-template-columns:1fr}.student-auth-page .auth-visual{display:none}.student-auth-page .account-hub .auth-form-side{min-height:calc(100vh - 78px);padding:35px 20px}.student-auth-page .auth-shell{margin:auto}}
@media(max-width:1000px){.public-hero .hero-grid{min-height:auto;padding-block:78px 100px}.public-hero .hero-copy{max-width:760px;margin-inline:auto;text-align:center}.public-hero .hero-copy h1,.public-hero .hero-copy>p{margin-inline:auto}.public-hero .hero-actions,.public-hero .hero-trust{justify-content:center}}
@media(max-width:740px){.public-hero .hero-grid{padding-block:58px 78px}.public-hero .hero-copy h1{font-size:clamp(2.35rem,12vw,3.2rem)}.public-hero .hero-copy>p{font-size:.88rem;line-height:1.9}.public-hero .hero-trust{align-items:center}.public-hero::before{height:24%}.student-auth-page .account-hub .auth-form-side{padding:20px 12px}.student-auth-page .auth-shell{padding:20px 15px;border-radius:16px}.student-auth-page .register-grid{grid-template-columns:1fr}.student-auth-page .register-grid .wide{grid-column:auto}}