@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
html[data-theme="dark"]{color-scheme:dark}
body.ea-cosmos{margin:0;background:#071322!important;color:#dfefff!important;font:14px/1.5 "DM Sans",system-ui,sans-serif!important;min-height:100vh}
body.ea-cosmos *{box-sizing:border-box}body.ea-cosmos a{color:#7dcaff;text-decoration:none}
body.ea-cosmos button,body.ea-cosmos select,body.ea-cosmos input{font:inherit}
body.ea-cosmos .atlas-shared-shell{background:#07192c!important;border-color:#17344c!important;box-shadow:0 6px 26px #0004!important}
body.ea-cosmos .atlas-shell-brandline{background:#081c31!important}
body.ea-cosmos .atlas-unified-brand{color:#f5fbff!important}
body.ea-cosmos .atlas-unified-brand small{color:#8eb1cb!important}
body.ea-cosmos .atlas-user-chip{background:#163650;color:#b3d4eb}
body.ea-cosmos .atlas-signout{background:#122c47;border-color:#2b4860;color:#e6f6ff!important}
body.ea-cosmos .atlas-shell-tabs{background:#07192b;border-color:#1e3951}
body.ea-cosmos .atlas-shell-tab{color:#b3cde3!important}
body.ea-cosmos .atlas-shell-tab:hover{background:#153854!important;color:#fff!important}
body.ea-cosmos .atlas-shell-tab.active{background:linear-gradient(125deg,#075b98,#4a4cbb)!important}
.cosmos-region-switch{display:inline-flex;align-items:center;background:#102d48;padding:4px;border:1px solid #2b4965;border-radius:12px;gap:4px}
.cosmos-region-switch a{font-size:11px!important;font-weight:800!important;padding:7px 10px;border-radius:8px;color:#9ec8e5!important}
.cosmos-region-switch a.selected{background:#18558e;color:white!important}
.cosmos-theme-toggle{background:#163650;color:#d5ebfe;border:1px solid #32536b;border-radius:10px;min-width:39px;min-height:36px;cursor:pointer;display:grid;place-items:center;font-size:16px}
.cosmos-container{max-width:1280px;margin:0 auto;padding:24px clamp(15px,3vw,40px) 65px}
.cosmos-intro{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:7px 0 24px}
.cosmos-intro h1{font:800 clamp(23px,3.3vw,35px)/1.2 "Manrope",system-ui,sans-serif;letter-spacing:-1px;margin:9px 0}
.cosmos-intro p{max-width:720px;color:#93b0c9;font-size:13px;margin:0}
.cosmos-kicker{color:#2cbbe5;letter-spacing:2.1px;font-size:10px;font-weight:900}
.cosmos-panel,.cosmos-dashboard-card{background:linear-gradient(155deg,#102741,#0d2137);border:1px solid #1f4162;border-radius:17px;padding:23px;margin:14px 0;box-shadow:0 14px 25px #00000017;color:#e2f4ff}
.cosmos-panel h2,.cosmos-dashboard-card h2{font:800 17px "Manrope",system-ui,sans-serif;margin:0 0 15px}
.cosmos-panel h3{font:800 14px "Manrope",system-ui,sans-serif;margin:22px 0 12px}
.cosmos-panel p,.cosmos-dashboard-card p{color:#91adc5}
.cosmos-section-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cosmos-section-title>span{height:41px;width:41px;border-radius:12px;background:#0c5d85;display:grid;place-items:center;color:#8ff3fb;font-weight:900}
.cosmos-section-title h2{margin:0 0 3px}
.cosmos-section-title p{margin:0;color:#91adc5;font-size:12px}
.cosmos-stepper{display:flex;gap:8px;overflow-x:auto;margin:24px 0}
.cosmos-stepper span{flex:1 0 auto;padding:10px 12px;border:1px solid #2b4661;background:#0c2033;border-radius:9px;color:#789bb9;font-size:11px;font-weight:800;text-align:center}
.cosmos-stepper .is-current{border-color:#19a9da;background:#103f61;color:#c0efff}
.cosmos-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cosmos-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cosmos-choice{display:flex;flex-direction:column;gap:5px;min-height:96px;padding:17px;border-radius:13px;border:1px solid #2a4d6d;background:#102d49!important;color:#cce6fb!important;transition:transform .18s,border-color .18s}
.cosmos-choice strong{font-size:14px}
.cosmos-choice small{font-size:11px;color:#83a6c2}
.cosmos-choice:hover{transform:translateY(-2px);border-color:#19b5ea!important}
.cosmos-choice.selected{background:#153f63!important;border-color:#22c4ef!important;box-shadow:inset 3px 0 #0ee5bc}
.cosmos-choice-icon{display:grid;place-items:center;height:40px;width:42px;font-weight:900;border-radius:9px;background:#0d6497;color:#c3f5ff;margin-bottom:5px}
.cosmos-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:10px;font-size:12px!important;font-weight:850!important;border:1px solid #305572;text-decoration:none!important;cursor:pointer}
.cosmos-button.primary{background:linear-gradient(110deg,#167cd6,#1eaea7);border:0;color:#fff!important}
.cosmos-button.ghost{color:#aae5ff!important;background:#102e49;border-color:#33638a}
.cosmos-muted{color:#88aac5!important;font-size:12px}
.cosmos-notice{padding:16px 18px;background:#133650;border-left:3px solid #28bada;border-radius:10px;color:#aad3ec;font-size:12px;margin:17px 0;line-height:1.7}
.cosmos-job-list{display:grid;gap:9px}.cosmos-job{display:flex;flex-direction:column;gap:5px;border:1px solid #2d4d66;padding:15px;background:#122c43;border-radius:11px;color:#e6f4ff!important}.cosmos-job small{font-size:11px;color:#8db2d1}.cosmos-job.selected{border-color:#2bc7e3}
.cosmos-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cosmos-topics{display:grid;gap:7px}.cosmos-topics>div{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #26415b;border-radius:9px}.cosmos-topics span{display:grid;place-items:center;background:#164d7a;width:30px;height:30px;border-radius:8px;color:#83d6ff;font-size:11px;font-weight:900}.cosmos-topics strong{font-size:12px}.cosmos-topics small{margin-left:auto;color:#7594b3;font-size:10px}
.cosmos-footer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cosmos-simulator-bar{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#0a1e34;border-radius:10px;font-weight:850;color:#56d9e8;margin:15px 0}
.cosmos-question{border:1px solid #214766;background:#0a2136;border-radius:12px;padding:17px;margin:13px 0}
.cosmos-question legend{font-weight:800;font-size:14px;padding:0 8px;max-width:100%}
.cosmos-question-number{background:#146ba2;color:white;display:inline-grid;place-items:center;min-width:23px;min-height:23px;border-radius:7px;margin-right:7px}
.cosmos-question label{display:flex;align-items:center;gap:10px;padding:11px;margin:8px 0;background:#102e49;border:1px solid #294560;border-radius:9px;cursor:pointer;font-size:12px}
.cosmos-question label:has(input:checked){border-color:#22d7c5;background:#164a61}.cosmos-question input{accent-color:#06cca9}
.cosmos-feedback{margin:9px 0;padding:13px;background:#143750;border-radius:9px;color:#c6e6f4}
.cosmos-results{margin-top:25px}
.cosmos-layout{max-width:1650px;margin:0 auto;display:grid;grid-template-columns:226px minmax(0,1fr);gap:14px;padding:13px}
.cosmos-side{background:#081b30;border:1px solid #1a3751;border-radius:17px;padding:13px;align-self:start;position:sticky;top:145px}
.cosmos-side h3{font-size:10px;letter-spacing:1.6px;color:#537c9f;margin:9px 12px 12px;text-transform:uppercase}
.cosmos-side a{display:flex;gap:10px;align-items:center;border-radius:10px;font-size:12px;font-weight:750;padding:11px 12px;color:#b4cee3!important}
.cosmos-side a svg{width:17px;height:17px;flex-shrink:0}
.cosmos-side a:hover,.cosmos-side a.active{background:#104268!important;color:#80ddff!important}
.cosmos-side-card{margin-top:22px;padding:16px;background:linear-gradient(120deg,#123959,#122346);border:1px solid #23516f;border-radius:12px}
.cosmos-side-card strong{display:block;font-size:13px}.cosmos-side-card p{font-size:11px;color:#86abc7}.cosmos-dashboard{min-width:0}
.cosmos-dashboard-top{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.83fr);gap:13px}
.cosmos-dashboard-hero{min-height:225px;padding:23px;border:1px solid #244b69;border-radius:15px;display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:10px;background:radial-gradient(circle at 79% 29%,#13779a99,transparent 23%),linear-gradient(100deg,#102f4a 10%,#10314fdd 55%,#133e5c77),linear-gradient(0deg,#050e1ddd,#15234435),url("atlas-pakistan-hero-v2.svg") center/cover;color:#f4fbff;overflow:hidden}
.cosmos-dashboard-hero[data-region="global"]{background:radial-gradient(circle at 84% 28%,#246dd799,transparent 26%),linear-gradient(110deg,#112543,#172e5e 70%,#173a6d); }
.cosmos-dashboard-hero small{color:#b0d5ec;font-size:11px}
.cosmos-dashboard-hero h1{font:800 clamp(21px,2.3vw,31px)/1.24 "Manrope",sans-serif;margin:7px 0}
.cosmos-dashboard-hero p{font-size:12px;color:#a2cee1;max-width:490px}
.cosmos-round{width:155px;height:155px;border:8px solid #15a3de;border-left-color:#585fe0;border-bottom-color:#36dae0;border-radius:50%;background:#0b2b4999;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 35px #23bfff66;text-align:center}
.cosmos-round strong{font:800 43px Manrope,sans-serif}
.cosmos-round small{max-width:100px;font-size:10px}
.cosmos-target{margin:0;display:flex;flex-direction:column;gap:11px}
.cosmos-target strong{font-size:14px}.cosmos-target label{font-size:11px;color:#a9c5dd}.cosmos-target a.cosmos-button{margin-top:auto}
.cosmos-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.cosmos-dashboard-card{margin:0;min-height:185px}
.cosmos-dashboard-card h2{font-size:14px}
.cosmos-dashboard-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:7px}
.cosmos-dashboard-card header a{font-size:11px}
.cosmos-dashboard-card .cosmos-big-number{font:800 42px "Manrope",sans-serif;color:#24d6df}
.cosmos-dashboard-card .cosmos-empty{font-size:12px;color:#82a7c5;padding:15px;border-radius:9px;background:#102f4a}
.cosmos-bar{height:9px;background:#23425d;border-radius:12px;overflow:hidden;margin:12px 0}.cosmos-bar span{display:block;height:100%;background:linear-gradient(90deg,#0dd6ab,#18b0e3);border-radius:12px}
.cosmos-mini-list{display:grid;gap:8px}.cosmos-mini-list a,.cosmos-mini-list>div{border-radius:9px;padding:10px 11px;background:#122f49;border:1px solid #254662;font-size:11px;display:flex;flex-direction:column;gap:2px;color:#e2f2ff!important}.cosmos-mini-list small{font-size:10px;color:#85a8c3}
.cosmos-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cosmos-quick-grid a{padding:14px;background:#143750;border:1px solid #28618d;border-radius:10px;font-size:12px;font-weight:750}
html[data-theme="light"] body.ea-cosmos{background:#f2f7fd!important;color:#1c3c61!important}
html[data-theme="light"] body.ea-cosmos .cosmos-panel,html[data-theme="light"] body.ea-cosmos .cosmos-dashboard-card,html[data-theme="light"] body.ea-cosmos .cosmos-side{background:#fff!important;color:#1c385b;border-color:#d9e5f6;box-shadow:0 10px 28px #164c7b12}
html[data-theme="light"] body.ea-cosmos .cosmos-choice,html[data-theme="light"] body.ea-cosmos .cosmos-job,html[data-theme="light"] body.ea-cosmos .cosmos-mini-list a,html[data-theme="light"] body.ea-cosmos .cosmos-mini-list>div,html[data-theme="light"] body.ea-cosmos .cosmos-question{background:#f2f7fd!important;color:#214666!important;border-color:#d2e2f6}
html[data-theme="light"] body.ea-cosmos .cosmos-choice small,html[data-theme="light"] body.ea-cosmos .cosmos-dashboard-card p{color:#63809e}
html[data-theme="light"] body.ea-cosmos .cosmos-intro p{color:#58758f}
html[data-theme="light"] body.ea-cosmos .cosmos-shared-shell,html[data-theme="light"] body.ea-cosmos .atlas-shared-shell{background:#fff!important}
html[data-theme="light"] body.ea-cosmos .atlas-shell-brandline{background:#fff!important}
html[data-theme="light"] body.ea-cosmos .atlas-unified-brand{color:#16395e!important}
html[data-theme="light"] body.ea-cosmos .atlas-shell-tabs{background:#f3f7fd!important}
html[data-theme="light"] body.ea-cosmos .atlas-shell-tab{color:#335675!important}
html[data-theme="light"] body.ea-cosmos .atlas-shell-tab.active{color:white!important}
html[data-theme="light"] body.ea-cosmos .cosmos-question label{background:#e7f1ff;color:#254963;border-color:#d3e5f4}
@media(max-width:1150px){.cosmos-layout{grid-template-columns:1fr}.cosmos-side{position:relative;top:0;display:flex;flex-wrap:wrap;gap:5px}.cosmos-side h3,.cosmos-side-card{display:none}.cosmos-side a{white-space:nowrap}.cosmos-dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.cosmos-dashboard-top{grid-template-columns:1fr}.cosmos-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmos-two-col{grid-template-columns:1fr}.cosmos-dashboard-hero{grid-template-columns:1fr}.cosmos-round{width:118px;height:118px;margin:auto}.cosmos-dashboard-grid{grid-template-columns:1fr}.cosmos-dashboard-card{min-height:0}.cosmos-intro{flex-direction:column}.cosmos-choice-grid.two{grid-template-columns:1fr}.cosmos-topics>div{flex-wrap:wrap}.cosmos-topics small{margin-left:auto}}
@media(max-width:480px){.cosmos-container{padding:17px 12px}.cosmos-panel{padding:16px}.cosmos-choice-grid{grid-template-columns:1fr}.cosmos-layout{padding:8px}.cosmos-dashboard-hero{padding:17px;min-height:0}.cosmos-round{display:none}.cosmos-side{overflow-x:auto;flex-wrap:nowrap}.cosmos-quick-grid{grid-template-columns:1fr}.cosmos-region-switch a{padding:7px 6px}}
@media(prefers-reduced-motion:reduce){.cosmos-choice{transition:none}}

/* Shared premium palette for existing learning and membership modules */
body.ea-cosmos .wrap{max-width:1290px;margin:auto;padding:25px 18px 55px}body.ea-cosmos .wrap h1{color:#e3f5ff}body.ea-cosmos .wrap h2,body.ea-cosmos .wrap h3{color:#e2f4ff}
body.ea-cosmos .wrap .card,body.ea-cosmos .wrap .panel,body.ea-cosmos .atlas-panel,body.ea-cosmos .atlas-price{background:#102741!important;border:1px solid #264a68!important;color:#dbeefb!important;border-radius:16px!important;box-shadow:0 10px 22px #0002!important}
body.ea-cosmos .wrap .card .muted,body.ea-cosmos .wrap .muted,body.ea-cosmos .atlas-panel .atlas-muted,body.ea-cosmos .atlas-price p{color:#91aec6!important}
body.ea-cosmos .wrap .topic,body.ea-cosmos .atlas-mini-program{background:#0d233b;border-color:#31506a!important}
body.ea-cosmos .wrap .tabs{background:#0b2035!important;border-color:#294962!important}
body.ea-cosmos .wrap .tab,body.ea-cosmos .wrap .btn.secondary{background:#153755!important;color:#b5e7ff!important;border-color:#305d85!important}
body.ea-cosmos .wrap .tab.active{background:linear-gradient(120deg,#1373bd,#4e57c9)!important;color:#fff!important}
body.ea-cosmos .wrap .notice,body.ea-cosmos .wrap .warning,body.ea-cosmos .atlas-alert{background:#13384b;color:#bde6ec;border-color:#306277}
body.ea-cosmos .wrap input,body.ea-cosmos .wrap select,body.ea-cosmos .wrap textarea,body.ea-cosmos .atlas-panel input,body.ea-cosmos .atlas-panel select{background:#0e263d!important;color:#e0f1fd!important;border-color:#345676!important}
body.ea-cosmos .wrap input::placeholder,body.ea-cosmos .wrap textarea::placeholder{color:#7189a7}
body.ea-cosmos .wrap .pill{background:#15476c!important;color:#b4eaff!important}
body.ea-cosmos .wrap .answer{background:#123854;color:#def4ff}
body.ea-cosmos .wrap a,body.ea-cosmos .atlas-panel a{color:#77c7ff}
body.ea-cosmos .atlas-price ul,body.ea-cosmos .atlas-price li{color:#c5def0}
html[data-theme="light"] body.ea-cosmos .wrap h1,html[data-theme="light"] body.ea-cosmos .wrap h2,html[data-theme="light"] body.ea-cosmos .wrap h3{color:#183c64}
html[data-theme="light"] body.ea-cosmos .wrap .card,html[data-theme="light"] body.ea-cosmos .wrap .panel,html[data-theme="light"] body.ea-cosmos .atlas-panel,html[data-theme="light"] body.ea-cosmos .atlas-price{background:#fff!important;border-color:#d5e5f5!important;color:#193b5c!important}
html[data-theme="light"] body.ea-cosmos .wrap .topic,html[data-theme="light"] body.ea-cosmos .atlas-mini-program{background:#f2f7fe}
html[data-theme="light"] body.ea-cosmos .wrap input,html[data-theme="light"] body.ea-cosmos .wrap select,html[data-theme="light"] body.ea-cosmos .wrap textarea,html[data-theme="light"] body.ea-cosmos .atlas-panel input,html[data-theme="light"] body.ea-cosmos .atlas-panel select{background:#fff!important;color:#193b5c!important;border-color:#cedeed!important}
html[data-theme="light"] body.ea-cosmos .wrap .muted,html[data-theme="light"] body.ea-cosmos .atlas-price p{color:#68819a!important}
body.ea-cosmos .atlas-simple-head{display:none!important}
/* Mobile browser chrome reduces the actually tappable viewport; keep submit clear. */
@media(max-width:750px){body.ea-cosmos #examForm{padding-bottom:260px}body.ea-cosmos #examForm button[type=submit]{display:block;width:100%;min-height:55px;touch-action:manipulation;scroll-margin-bottom:200px}}

/* A persistent exam submission control avoids mobile Safari bottom-bar obstruction. */
body.ea-cosmos #exam .cosmos-simulator-bar{position:sticky;top:138px;z-index:25;align-items:center;flex-wrap:wrap;box-shadow:0 6px 20px #0005;}body.ea-cosmos #finishExam{min-height:41px;}@media(max-width:750px){body.ea-cosmos #exam .cosmos-simulator-bar{top:133px}body.ea-cosmos #finishExam{width:100%;min-height:48px}}