@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070e17;--panel:#101c2b;--panel2:#142335;--border:#27384a;--text:#f4f8fa;--muted:#97a8b7;--blue:#79bdff;--lime:#b2f3c0;--bright:#d9ffdd;--danger:#ffb2b2;--shadow:0 20px 80px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:'';position:absolute;pointer-events:none;inset:-100px 0 auto;height:720px;background:radial-gradient(ellipse 49% 65% at 80% 20%,#1c5d6270,transparent 72%),radial-gradient(ellipse 38% 50% at 10% 10%,#1d416b66,transparent 75%)}header,.container,footer{position:relative;z-index:1}.container{max-width:1180px;margin:auto;padding:0 28px}header{border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px);background:#091522a0}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px}.mark{width:43px;height:43px;border:1px solid #a8f8d1;border-radius:13px;display:grid;place-items:center;font:700 29px 'Space Grotesk';background:linear-gradient(135deg,#244f65,#0d1723);color:var(--bright)}.brand strong{font:700 16px 'Space Grotesk';letter-spacing:.12em;display:block}.brand small{display:block;font-size:10px;letter-spacing:.24em;color:var(--muted);font-weight:700}.navright{display:flex;gap:24px;align-items:center}.navright a{color:#ccd8e3;font-size:13px}.navright a:hover{color:white}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.23em;font:700 11px 'DM Sans';color:var(--lime)}.eyebrow:before{content:'';width:22px;height:1px;background:var(--lime)}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-.05em;line-height:1.14;margin:0}h1{font-size:clamp(44px,6vw,83px)}h2{font-size:clamp(29px,4vw,47px)}h3{font-size:23px}p{margin:0}.muted{color:var(--muted)}.lead{font-size:17px;color:#b8c9d5;max-width:650px;line-height:1.85}.hero{padding:100px 0 60px}.hero h1{max-width:850px;margin:22px 0}.gradient{color:var(--lime)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff20;padding:13px 22px;border-radius:10px;font-weight:700;font-size:13px;letter-spacing:.015em;background:#ffffff10;color:white;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffffff1a}.btn.primary{color:#10211b;background:var(--lime);border-color:var(--lime)}.btn.primary:hover{background:#d3ffdc}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.small{padding:9px 13px}.btn.ghost{background:transparent}.hero-stats,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero-stats{margin:53px 0 22px}.glass,.card{background:linear-gradient(145deg,#182b3bd9,#0d1826ee);border:1px solid #ffffff19;box-shadow:var(--shadow);border-radius:19px}.stat{padding:23px}.stat strong{display:block;font:600 31px 'Space Grotesk';letter-spacing:-.06em}.stat span{color:var(--muted);font-size:12px}.section{padding:66px 0}.section-title{margin:15px 0 26px}.card{padding:29px}.card .number{color:var(--lime);font:600 12px 'Space Grotesk';letter-spacing:.13em}.card h3{margin:18px 0 10px}.card p{font-size:14px;color:var(--muted)}.footer{border-top:1px solid #ffffff18;margin-top:70px;padding:28px 0;color:var(--muted);font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pill{display:inline-flex;border-radius:999px;border:1px solid #a7f7c447;background:#adfac415;color:#c5ffce;padding:5px 12px;font-size:11px;font-weight:700}.pill.warn{background:#ffe2a31c;border-color:#ffe1a554;color:#ffe9ad}.pill.bad{background:#ffb2b218;border-color:#ffb2b260;color:#ffc9c9}.notice{padding:18px 20px;background:#a4f0b80c;border:1px solid #b6ecc443;border-radius:12px;color:#d3e9dd}.form-group{display:grid;gap:8px;margin:17px 0}.form-group label{font-size:12px;font-weight:700;color:#c6d6e1}input,textarea,select{width:100%;padding:13px 14px;border-radius:10px;background:#081320;border:1px solid #344859;color:white;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b2f3c01a}textarea{resize:vertical;min-height:144px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step{display:none}.step.active{display:block}.exam-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:24px;margin-top:35px}.side{align-self:start;position:sticky;top:20px;padding:22px}.side-item{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:9px;color:#9db2c2;cursor:pointer;gap:10px;font-size:12px}.side-item.active{background:#b2f3c019;color:var(--lime)}.side-item b{font-weight:600}.side-item:hover{background:#ffffff09}.progressbar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:10px}.progressbar span{height:100%;background:var(--lime);display:block;transition:width .2s}.question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:19px}.qdot{border:1px solid #31485a;background:#112033;border-radius:7px;color:#d0dce5;padding:8px 0;font-size:11px}.qdot.answered{border-color:#91e4a6;color:#bff4c6;background:#213d35}.qdot.current{outline:2px solid var(--blue)}.question-card{padding:37px;min-height:430px}.question-card h2{font-size:clamp(25px,3vw,35px);margin:24px 0 19px}.question-card textarea{min-height:230px}.question-head{font-size:12px;color:var(--muted)}.question-controls{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.section-tag{letter-spacing:.14em;color:var(--lime);font-size:11px;font-weight:700;text-transform:uppercase}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:710px;font-size:13px}.admin-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:14px;border-bottom:1px solid var(--border)}.admin-table td{padding:17px 14px;border-bottom:1px solid #ffffff10}.admin-table tr:hover td{background:#ffffff07}.admin-table button{border:0;background:none;color:var(--lime);font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.kpi{padding:22px}.kpi strong{font:600 27px 'Space Grotesk';display:block}.kpi span{font-size:11px;color:var(--muted)}.review-layout{display:grid;grid-template-columns:1fr 300px;gap:19px;align-items:start}.answer-card{padding:25px;margin:14px 0}.answer-card h3{font-size:19px;margin:10px 0}.answer-response{padding:17px;border-radius:10px;background:#0b1724;border:1px solid #26394b;white-space:pre-wrap;margin:17px 0;color:#dce5ee}.marks{display:flex;gap:9px}.marks button{padding:9px 15px;background:#182a3a;border:1px solid #32465a;border-radius:8px;color:#d8e5ec}.marks button.selected{background:var(--lime);color:#112119;border-color:var(--lime);font-weight:700}.sticky{position:sticky;top:15px}.hidden{display:none!important}.tiny{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:#c9d9e4}.check input{width:auto;margin-top:5px}.list-clean{padding-left:20px;color:#beccd9;line-height:2}.link{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.back{display:inline-block;margin:32px 0 0;color:var(--muted);font-size:13px}.empty{text-align:center;padding:55px 20px;color:var(--muted)}@media(max-width:850px){.exam-layout,.review-layout{grid-template-columns:1fr}.side,.sticky{position:static}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container{padding:0 17px}.nav{height:74px}.navright{gap:12px}.navright a:nth-child(1){display:none}.hero{padding-top:65px}.hero-stats,.cards,.form-grid,.split{grid-template-columns:1fr}.question-card{padding:21px}.question-nav{grid-template-columns:repeat(10,1fr)}.card{padding:21px}.hero h1{font-size:43px}}
@media print{header,.footer,#back,#logout,#saveMarks,#print,#decision,#notes{display:none!important}body,.site-shell{background:white!important;color:#111!important}.site-shell:before{display:none}#review{display:block!important}.review-layout{display:block}.review-layout aside{position:static;box-shadow:none}.card{box-shadow:none;background:white!important;border:1px solid #ccc!important;color:black!important}.answer-response{background:#f4f4f4;color:#111;white-space:pre-wrap}.question-card{break-inside:avoid}.answer-card{break-inside:avoid}}
/* Broker Academy finishing touches and reviewer memorandum styling */
:root { --accent:var(--lime); --focus:#a1ddff; }
::selection { background:#9ed9cf55; color:#fff; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.rubric { margin:16px 0;padding:14px 16px;border:1px solid #6adf9b66;border-radius:12px;background:#a7ecba10; }
.rubric summary { cursor:pointer;font-weight:700;color:var(--lime);font-size:13px; }
.rubric p { font-size:13px;line-height:1.65;margin-top:9px; }
#saveIndicator{display:flex;align-items:center;gap:8px}#saveIndicator:before{content:'●';font-size:9px;color:var(--lime)}
.brand .mark{box-shadow:0 0 30px #90e9b51c}
.hero { min-height:560px }
@media(max-width:620px){.navright{font-size:11px}.hero{min-height:auto}.review-layout .card{padding:18px}.question-nav{gap:4px}.qdot{padding:10px 0}}
@media print {.rubric{background:#fff!important;border:1px solid #aaa!important;color:#111!important}.rubric summary,.rubric p{color:#111!important}#deleteApplicant,#exportCsv {display:none!important}}
.choice-list{display:grid;gap:12px;margin:28px 0}.choice{display:flex;gap:15px;align-items:center;padding:16px;border-radius:12px;border:1px solid #345067;background:#0d1e2d;cursor:pointer;font-size:14px;line-height:1.45;transition:background .18s,border-color .18s}.choice:hover{background:#182f40;border-color:#75cead}.choice input{width:17px;height:17px;accent-color:var(--lime);flex:0 0 auto}.choice:has(input:checked){border-color:var(--lime);background:#afebb618}.choice-letter{color:var(--lime);font-weight:700;font-family:'Space Grotesk';font-size:15px}

/* Clear, prominent examination entry points across desktop and mobile */
.nav-exam-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px!important;border:1px solid #b2f3c060;border-radius:9px;background:#b2f3c0;color:#06161b!important;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .18s,filter .18s}
.nav-exam-cta:hover{filter:brightness(1.08);transform:translateY(-1px);color:#06161b!important}
.btn-take-test{font-weight:700;box-shadow:0 10px 36px #a6f2bb1d}
.hero-nextstep{color:#93b6a6;font-size:12px;margin-top:17px;display:flex;align-items:center;gap:9px}
.hero-nextstep span{font-size:14px;color:var(--lime)}
.exam-entry-banner{margin-top:56px;padding:28px 32px;border-radius:19px;border:1px solid #a5eeb94d;background:linear-gradient(115deg,#162b2d,#111d2b);display:flex;align-items:center;justify-content:space-between;gap:24px}
.exam-entry-banner h3{font:600 clamp(23px,2.5vw,32px) 'Space Grotesk',sans-serif;margin:12px 0 6px}
.exam-entry-banner p{color:var(--muted);font-size:13px;margin:0;max-width:640px}
.exam-entry-banner .eyebrow{font-size:11px}
.exam-entry-banner button{flex-shrink:0}
#registrationCard{border-color:#7dcf9c80;box-shadow:0 0 45px #82f1b112}
#register .btn.primary{min-height:52px;font-size:15px}
@media(max-width:760px){.exam-entry-banner{flex-direction:column;align-items:stretch;padding:23px}.exam-entry-banner button{width:100%}.nav-exam-cta{padding:8px 11px!important;font-size:12px}.navright{gap:9px}.navright a[href="/admin.html"]{display:none}}
@media(max-width:390px){.brand small{font-size:8px}.brand strong{font-size:14px}.brand .mark{width:36px;height:36px;font-size:23px}}
