/* IsmaPrep visual layer v2 — consistent imagery and product-wide visual language */
:root{
 --ip-navy:#142D4E;--ip-blue:#245FC5;--ip-blue-2:#3479DF;
 --ip-teal:#25B7AD;--ip-gold:#D9A84E;--ip-ink:#172B45;
 --ip-muted:#64758D;--ip-bg:#F6F9FE;--ip-line:#DFE8F4;
 --ip-soft:#EAF1FF;--ip-radius:18px;
}
html{background:var(--ip-bg);accent-color:var(--ip-blue)}
body{background:var(--ip-bg)!important;color:var(--ip-ink)!important}
a{ text-underline-offset:3px }
button,input,select,textarea{font-family:inherit}
input:focus,select:focus,textarea:focus{outline:0;border-color:#78A1DF!important;box-shadow:0 0 0 3px #245FC51c!important}
button:focus-visible,a:focus-visible{outline:3px solid #25B7AD88!important;outline-offset:3px}
::selection{background:#DCE9FC;color:var(--ip-navy)}
/* Marketing: real education imagery with calm blue framing */
#marketingLanding{--lp-ink:#142D4E;--lp-green:#245FC5;--lp-green-deep:#17479A;--lp-mint:#EAF1FF;--lp-paper:#F6F9FE;--lp-muted:#64758D;--lp-line:#DFE8F4;background:radial-gradient(ellipse at 8% 18%,#e5efff 0,transparent 36%),#F6F9FE!important;color:var(--ip-ink)!important}
#marketingLanding .lp-nav{border-color:var(--ip-line)!important}
#marketingLanding .lp-photo-frame{border:1px solid #d7e4f7;background:#eaf1ff;box-shadow:0 24px 58px #142d4e20}
#marketingLanding .lp-hero-photo{filter:saturate(.9) contrast(1.02);object-position:center 42%}
#marketingLanding .lp-photo-frame:after{background:linear-gradient(135deg,#142d4e08,#245fc52b)!important}
#marketingLanding .lp-orbit{border-color:#cddcf1}
#marketingLanding .lp-orbit-b{border-color:#c4d9ed}
#marketingLanding .lp-doc{border-color:#dce6f3;box-shadow:0 18px 42px #142d4e18}
#marketingLanding .lp-doc-back{background:#e8f0fc}
#marketingLanding .lp-doc-label,#marketingLanding .lp-mini-grid span,#marketingLanding .lp-table-mini i{background:#eaf1ff;border-color:#dce8f8;color:#245fc5}
#marketingLanding .lp-green-line{background:linear-gradient(90deg,#25b7ad,#3479df)}
#marketingLanding .lp-check{background:var(--ip-teal);box-shadow:0 4px 12px #25b7ad45}
#marketingLanding .lp-float{border-color:#dce6f3;box-shadow:0 12px 28px #142d4e16}
#marketingLanding .lp-float-icon{background:#eaf1ff;color:var(--ip-blue)}
#marketingLanding .lp-proof-row{border-color:var(--ip-line)}
#marketingLanding .lp-proof-icon{background:#eaf1ff;color:var(--ip-blue)}
#marketingLanding .lp-feature{background:#fff;border-color:var(--ip-line);box-shadow:0 8px 25px #142d4e08}
#marketingLanding .lp-feature:hover{border-color:#b9cfee;box-shadow:0 14px 30px #142d4e12}
#marketingLanding .lp-feature-image{border-radius:12px;box-shadow:0 5px 16px #142d4e10}
#marketingLanding .lp-feature-icon.green{background:#e4f7f4;color:#138f85}
#marketingLanding .lp-feature-icon.sand{background:#fbf3e3;color:#9a7742}
#marketingLanding .lp-feature-icon.blue{background:#eaf1ff;color:#245fc5}
#marketingLanding .lp-feature-icon.violet{background:#f0edff;color:#6854aa}
#marketingLanding .lp-how{background:linear-gradient(135deg,#edf4ff,#f5f9ff);border-color:#dce7f6}
#marketingLanding .lp-steps article{border-color:#d9e5f4}
#marketingLanding .lp-steps article>span{color:var(--ip-blue);border-color:#d8e5f6}
#marketingLanding .lp-bottom-cta{background:linear-gradient(115deg,#142d4e,#245fc5)!important}
#marketingLanding .lp-footer{border-color:var(--ip-line)}
/* Workspace and quiz page */
.sidebar,.topbar,.quiz-topbar,.op-page-header{border-color:var(--ip-line)!important}
.panel,.card,.auth-card,.support-card,.feedback-card,.legal-head,.legal-body{border-color:var(--ip-line)!important;box-shadow:0 8px 26px #142d4e09!important}
main>.head{position:relative;isolation:isolate;overflow:hidden;border:1px solid #dce7f6;border-radius:18px;padding:20px 22px;background:linear-gradient(115deg,#fff 0%,#f2f7ff 100%);box-shadow:0 8px 24px #142d4e0b}
main>.head:after{content:none!important;display:none!important}
/* Restore the single assessment illustration on the quiz page; remove the redundant language buttons */
body:has(#builderPanel) main>.head:after{content:""!important;display:block!important;flex:0 0 168px;width:168px;height:132px;margin-inline-start:16px;border-radius:16px;background:url("/images/quiz-assessment.jpg") center/cover no-repeat;box-shadow:0 12px 28px #142d4e24;border:1px solid #dce7f6}
body:has(#builderPanel) main>.head .actions{display:none!important}
@media(max-width:680px){body:has(#builderPanel) main>.head:after{flex-basis:88px;width:88px;height:88px;margin-inline-start:8px;border-radius:13px}}
main>.head>div:first-child,main>.head>.actions{position:relative;z-index:1}
main>.head h1{color:var(--ip-navy)!important}
main>.head .muted{color:var(--ip-muted)!important}
.question-type-picker>summary{border-color:#d8e5f5!important;background:#f4f8ff!important;color:#244f91!important}
.question-type-options .option{background:#f4f8ff!important}
.question-type-options .option input{accent-color:var(--ip-blue)!important}
.score{color:#138f85!important}
.feedback{background:#eaf7f5!important;border:1px solid #d3efeb;color:#176d68!important}
.question{border-color:#e4ebf5!important}
.option{border-color:#e0e9f5!important}
.structured-options{background:#f4f8ff!important;border-color:#dce7f6!important}
/* Credit wallet: visual hierarchy, restrained branded document motif */
body:has(#packages) main>.head{background:linear-gradient(115deg,#142d4e,#245fc5)!important;border-color:#245fc5!important}
body:has(#packages) main>.head h1,body:has(#packages) main>.head p,body:has(#packages) main>.head .muted{color:#fff!important}
body:has(#packages) main>.head:after{background-image:url("/images/ismaprep-logo.svg");background-size:cover;background-color:#fff;border-color:#ffffff55}
#packagesHeading{color:var(--ip-navy)!important;border-inline-start-color:var(--ip-teal)!important}
#packages>.card{border-color:var(--ip-line)!important;background:linear-gradient(160deg,#fff,#f7faff)!important}
#packages>.card:before{background:linear-gradient(90deg,var(--ip-blue),var(--ip-teal),var(--ip-gold))!important}
#packages>.card h3,#packages>.card .price{color:var(--ip-navy)!important}
#packages>.card .btn{background:linear-gradient(135deg,var(--ip-blue),#17479a)!important}
.card.popular{border-color:var(--ip-teal)!important;box-shadow:0 8px 24px #25b7ad20!important}
.popular-badge{background:var(--ip-teal)!important}
.wallet-jump-nav a{background:#eaf1ff!important;border-color:#dce7f6!important;color:#245fc5!important}
.wallet-jump-nav a:hover{background:#dce9fc!important}
.hint{border-color:#dce7f6!important;border-left-color:var(--ip-teal)!important}
/* Account portal */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#142d4e,#245fc5)!important}
.hero:after{content:"";position:absolute;z-index:0;inset-block:0;inset-inline-end:0;width:32%;background:linear-gradient(90deg,transparent,#142d4e22),url("/images/verified-2.jpg") center/cover no-repeat;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000 45%)}.hero>*{position:relative;z-index:1}
.logo{background:var(--ip-blue)!important}
.bar span{background:linear-gradient(90deg,var(--ip-blue),var(--ip-teal))!important}
.status{background:#e7f7f4!important;color:#147d75!important}
/* Sign-in: use the actual IsmaPrep emblem instead of a letter tile */
.auth-card{position:relative;overflow:hidden;border-radius:22px!important}
.auth-card .brand-icon{font-size:0!important;background:var(--ip-navy) url("/images/ismaprep-logo.svg") center/cover no-repeat!important;border-radius:13px!important;width:48px!important;height:48px!important}
.auth-card button:not(.alt){background:linear-gradient(135deg,var(--ip-blue),#17479a)!important}
.auth-card button.alt{background:#eaf1ff!important;color:#245fc5!important}
/* Support, feedback and legal pages: subtle branded visual, no distracting stock imagery */
.support-head,.feedback-head,.legal-head{position:relative;isolation:isolate;overflow:hidden}
.support-head:after,.feedback-head:after,.legal-head:after{content:"";position:absolute;z-index:0;inset-inline-end:22px;top:50%;transform:translateY(-50%);width:104px;height:104px;background:url("/images/ismaprep-logo.svg") center/contain no-repeat;opacity:.16;pointer-events:none}.support-head>*,.feedback-head>*,.legal-head>*{position:relative;z-index:1}
.support-head,.feedback-head{background:linear-gradient(120deg,#142d4e,#245fc5)!important;border-color:#245fc5!important}
.support-head h1,.feedback-head h1{color:#fff!important}
.support-head>p,.feedback-head p{color:#eaf1ff!important}
.support-head .eyebrow,.feedback-head .eyebrow{color:#bfe9e4!important}
.support-contacts .contact{background:#f8fbff;border-color:#dce7f6}
.support-contacts .contact a,.feedback-footer a{color:var(--ip-blue)!important}
.support-form button:not(.whatsapp-submit),.feedback-submit{background:linear-gradient(135deg,var(--ip-blue),#17479a)!important;border-color:var(--ip-blue)!important}
.legal-head{background:linear-gradient(135deg,#fff,#f0f6ff)!important}
.legal-head h1,.legal-body h2{color:var(--ip-navy)!important}
.legal-tools button{background:#eaf1ff!important;border-color:#dce7f6!important;color:#245fc5!important}
.legal-tools button[aria-pressed=true]{background:var(--ip-blue)!important;color:#fff!important}
.legal-body h2{border-bottom:1px solid #e6edf7;padding-bottom:7px}
.legal-alert{background:#fff8eb!important;border-color:#efdfbd!important}
@media(max-width:680px){
 main>.head{padding:16px!important;gap:10px!important}
 main>.head:after{display:none!important}
 body:has(#packages) main>.head:after{width:68px;flex-basis:68px;height:68px}
 .support-head:after,.feedback-head:after,.legal-head:after{width:66px;height:66px;inset-inline-end:12px;opacity:.12}
 .hero:after{width:42%;opacity:.2}
}
@media print{
 main>.head:after,.hero:after,.support-head:after,.feedback-head:after,.legal-head:after{display:none!important}
}