:root{--ink: #142322;--muted: #64748b;--line: #d7e0e7;--paper: #ffffff;--surface: #f3f7f6;--teal: #00796b;--teal-dark: #004d43;--teal-soft: #e5f4f1;--gold: #f2a900;--gold-soft: #fff4d5;--blue: #2563eb;--danger: #b42318;--danger-soft: #fee4e2;--pass: #117a45;--pass-soft: #dcfae6;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface);color:var(--ink)}button,input,select{font:inherit}button{border:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#004d43f0,#00796bd1),radial-gradient(circle at top left,rgba(242,169,0,.35),transparent 32%)}.landing-page{min-height:100vh;background:var(--surface)}.landing-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--line)}.landing-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-links button:not(.primary-btn),.plain-switch{color:var(--teal-dark);background:transparent;cursor:pointer;font-weight:800}.policy-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.policy-nav button{min-height:34px;border-radius:6px;padding:7px 10px}.landing-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);align-items:center;gap:36px;padding:48px clamp(20px,5vw,72px);background:linear-gradient(115deg,#e5f4f1f2,#ffffffeb),linear-gradient(90deg,var(--gold-soft),transparent)}.landing-hero h1{max-width:820px;margin:0;font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:0}.landing-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.6}.landing-score-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-score-card div,.feature-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 16px 42px #0f172a0f;min-width:0;overflow-wrap:anywhere}.landing-score-card span{display:block;color:var(--teal-dark);font-size:36px;font-weight:950}.landing-score-card small{color:var(--muted);display:block;line-height:1.35}.landing-section{padding:54px clamp(20px,5vw,72px)}.landing-section-title{max-width:720px;margin-bottom:20px}.landing-section-title h2,.landing-band h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.08}.landing-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.faq-grid,.public-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-plan-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;display:grid;gap:8px}.public-plan-grid span{color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase}.public-plan-grid h3,.public-plan-grid p{margin:0}.public-plan-grid strong{color:var(--teal-dark);font-size:34px;line-height:1}.public-plan-grid p{color:var(--muted);line-height:1.5}.faq-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;min-width:0;overflow:hidden}.faq-grid h3{margin:0 0 8px}.faq-grid p{margin:0;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,72px);border-top:1px solid var(--line);background:#fff}.public-footer div{display:grid;gap:4px}.public-footer span,.public-updated,.public-info-intro,.public-info-list p{color:var(--muted)}.public-footer nav{display:flex;flex-wrap:wrap;gap:14px}.public-footer a,.public-info-page a,.app-footer a{color:var(--teal-dark);font-weight:800}.public-info-page{max-width:980px;margin:0 auto;padding:56px clamp(20px,5vw,72px)}.public-info-page h1{margin:0;font-size:clamp(36px,5vw,58px);line-height:1.02}.public-info-intro{max-width:720px;font-size:18px;line-height:1.6}.public-updated{margin-top:8px;font-size:14px}.public-info-list{display:grid;gap:14px;margin-top:28px}.public-info-list article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.public-info-list h2{margin:0 0 8px;font-size:20px}.public-info-list p{margin:0;line-height:1.6}.feature-card svg{color:var(--teal)}.feature-card h3{margin:12px 0 6px;line-height:1.2;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.feature-card p,.landing-band p{color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.landing-band{margin:0 clamp(20px,5vw,72px) 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:8px;padding:28px;background:var(--teal-dark);color:#fff}.landing-band .eyebrow,.landing-band p{color:#ffffffc7}.brand-button.dark{color:var(--teal-dark)}.brand-button.dark small{color:var(--muted)}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1.2fr .8fr;background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0f172a38}.auth-copy{padding:48px;background:linear-gradient(135deg,var(--teal-soft),#fff)}.auth-back{color:var(--teal-dark);margin-bottom:24px}.auth-copy h1,.hero-panel h1,.panel h1{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:0}.auth-copy p,.hero-panel p,.panel p,.pricing-card p{color:var(--muted);line-height:1.6}.login-form{padding:48px 36px;display:grid;align-content:center;gap:16px}.login-form label,.admin-form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.login-form input,.admin-form input,.inline-box select{width:100%;border:1px solid var(--line);border-radius:6px;min-height:42px;padding:10px 12px;color:var(--ink);background:#fff}.form-error,.form-success,.app-alert{margin:0;border:1px solid #fda29b;border-radius:6px;padding:10px 12px;line-height:1.45}.form-error,.app-alert{color:var(--danger);background:var(--danger-soft)}.form-success{color:var(--pass);background:var(--pass-soft);border-color:#75c995}.app-alert.neutral{color:var(--teal-dark);background:var(--teal-soft);border-color:#9bd4ca}.loading-card{width:min(520px,100%);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px;font-weight:800;box-shadow:0 24px 80px #0f172a38}.app-shell{min-height:100vh}.topbar{min-height:76px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 24px;background:var(--teal-dark);color:#fff;border-bottom:4px solid var(--gold)}.brand-button,.link-button{display:inline-flex;align-items:center;gap:10px;color:inherit;background:transparent;cursor:pointer;text-align:left;padding:0}.brand-button strong{display:block;font-size:18px}.brand-button small{display:block;color:#ffffffb8;font-size:12px}.topnav{display:flex;gap:6px;background:#ffffff14;padding:4px;border-radius:8px}.topnav button,.account-chip button{min-height:34px;border-radius:6px;background:transparent;color:#fff;cursor:pointer;padding:8px 12px}.topnav button.active{background:#fff;color:var(--teal-dark)}.account-chip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14}.account-chip small{color:#ffffffb3;border-left:1px solid rgba(255,255,255,.24);padding-left:8px}.app-alert{margin:16px 26px 0}.app-main{padding:26px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 26px 26px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#fff}.app-footer div{display:grid;gap:4px}.app-footer span{color:var(--muted);font-size:14px}.app-footer nav{display:flex;flex-wrap:wrap;gap:14px}.page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hero-panel,.panel,.metric-card,.test-card,.question-panel,.exam-sidebar,.review-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 42px #0f172a0f}.hero-panel{grid-column:span 3;padding:34px;min-height:290px;display:grid;align-content:center;background:linear-gradient(135deg,#e5f4f1f5,#fffffffa),linear-gradient(90deg,var(--gold-soft),transparent)}.hero-panel p{max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.primary-btn,.secondary-btn,.danger-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;font-weight:800;cursor:pointer}.primary-btn{background:var(--teal);color:#fff}.primary-btn.compact{min-height:36px;padding:8px 12px}.secondary-btn{background:#eef3f6;color:var(--ink);border:1px solid var(--line)}.danger-btn{background:var(--danger);color:#fff}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.52}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric-card{min-height:136px;padding:20px;display:grid;align-content:center;gap:6px;min-width:0;overflow:hidden}.metric-card svg{color:var(--teal)}.metric-card span{font-size:clamp(18px,2vw,25px);font-weight:900;line-height:1.15;overflow-wrap:anywhere}.metric-card small{color:var(--muted)}.panel{padding:24px}.panel.wide{grid-column:span 2}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel h2{margin:0;font-size:24px}.eyebrow{margin:0 0 8px;color:var(--teal-dark);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:20px}.attempt-list{display:grid;gap:8px}.attempt-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8fafc;cursor:pointer;text-align:left}.attempt-row small{display:block;color:var(--muted);margin-top:3px}.readiness-pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap}.readiness-pill.pass{color:var(--pass);background:var(--pass-soft)}.readiness-pill.watch{color:#8a5d00;background:var(--gold-soft)}.area-progress-list{display:grid;gap:12px}.area-progress-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(180px,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.area-progress-row strong,.area-progress-row small{display:block}.area-progress-row small{color:var(--muted);margin-top:3px}.area-progress-row b{color:var(--ink);font-size:14px}.area-progress-track{height:9px;border-radius:999px;overflow:hidden;background:#e4ebef}.area-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.roadmap-progress-track{height:14px;border-radius:999px;overflow:hidden;background:#e4ebef}.roadmap-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold))}.roadmap-copy{margin:12px 0 0}.pass-text{color:var(--pass)}.fail-text{color:var(--danger)}.catalog-panel{max-width:1280px;margin:0 auto}.catalog-access-note{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:16px;background:#f8fafc}.catalog-access-note svg{color:var(--teal);margin-top:2px}.catalog-access-note strong,.catalog-access-note small{display:block}.catalog-access-note small{color:var(--muted);margin-top:2px;line-height:1.45}.test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.test-card{padding:18px;display:grid;gap:12px}.test-card.locked{background:#fbfcfd}.test-card.soon{opacity:.78}.test-card-top,.review-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.test-number,.free-pill,.soon-pill,.type-pill,.result-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.test-number,.type-pill{background:#eef3f6;color:var(--muted)}.free-pill,.result-badge.pass{background:var(--pass-soft);color:var(--pass)}.soon-pill{background:var(--gold-soft);color:#8a5d00}.result-badge.fail{background:var(--danger-soft);color:var(--danger)}.test-card h2{margin:0;font-size:20px}.test-card p{margin:0;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.test-card .locked-copy{min-height:38px;color:#5d6b75;font-size:13px;line-height:1.45}.test-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.test-card dl div{border:1px solid var(--line);border-radius:6px;padding:8px}.test-card dt{color:var(--muted);font-size:11px}.test-card dd{margin:2px 0 0;font-weight:900}.pricing-layout{max-width:1050px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:0 auto}.pricing-card h1{font-size:clamp(30px,4vw,44px)}.accent-card{background:var(--gold-soft)}.plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.plan-summary div,.manual-note{border:1px solid var(--line);border-radius:8px;background:#ffffffb8;padding:12px}.plan-summary small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.plan-summary strong{display:block;color:var(--ink);line-height:1.35}.plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;align-items:stretch}.plan-option{border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-template-rows:auto auto auto minmax(54px,1fr) auto;gap:10px;background:#fff;min-width:0}.plan-option.featured{border-color:#00796b59;background:var(--teal-soft)}.plan-badge{min-height:26px}.plan-badge.placeholder{visibility:hidden}.plan-option h2,.plan-option p{margin:0;overflow-wrap:anywhere}.plan-option .primary-btn{width:100%;min-height:52px;align-self:end;text-align:center;line-height:1.25}.payment-method-panel{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:16px;margin:18px 0}.payment-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.payment-method-heading h2{margin:0;font-size:22px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-method-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:12px;min-width:0}.payment-method-card h3,.payment-method-card p{margin:0}.payment-method-card p{color:var(--muted);line-height:1.5}.qr-box{width:238px;min-height:238px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;padding:8px}.qr-box img{display:block;width:220px;height:220px}.method-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-status{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:14px;margin:14px 0;background:#fff}.payment-status svg{margin-top:2px;flex:0 0 auto}.payment-status strong{display:block;color:var(--ink);margin-bottom:3px}.payment-status p{margin:0}.payment-status .primary-btn{margin-top:10px}.payment-status.processing{border-color:#9bd4ca;background:var(--teal-soft)}.payment-status.processing svg{color:var(--teal-dark);animation:spin 1s linear infinite}.payment-status.success{border-color:#75c995;background:var(--pass-soft)}.payment-status.success svg{color:var(--pass)}.payment-status.error{border-color:#fda29b;background:var(--danger-soft)}.payment-status.error svg{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}.plan-price{color:var(--teal-dark);font-size:34px;line-height:1}.feature-list{list-style:none;padding:0;display:grid;gap:10px}.admin-form{display:grid;gap:14px;margin-top:18px}.feature-list li{display:flex;gap:9px;align-items:center}.feature-list svg{color:var(--pass)}.access-steps,.admin-checklist{list-style:none;padding:0;display:grid;gap:10px}.access-steps li,.admin-checklist li,.manual-note{display:flex;align-items:flex-start;gap:10px}.access-steps span{width:26px;height:26px;border-radius:999px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:13px;font-weight:900}.access-steps p{margin:2px 0 0}.admin-checklist svg,.manual-note svg{color:var(--pass);flex:0 0 auto}.upi-fallback{border-top:1px solid rgba(0,0,0,.08);margin-top:18px;padding-top:18px;display:grid;gap:10px}.upi-fallback h3,.upi-fallback p{margin:0}.upi-fallback h3{font-size:20px;word-break:break-word}.exam-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.exam-sidebar{padding:18px;position:sticky;top:18px}.exam-sidebar .link-button{color:var(--teal-dark);margin-bottom:16px}.timer-card{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:4px;background:var(--teal-soft)}.timer-card span{font-size:27px;font-weight:900;font-variant-numeric:tabular-nums}.timer-card small,.answered-line{color:var(--muted)}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.nav-q{min-height:36px;border-radius:6px;border:1px solid var(--line);background:#eef3f6;color:var(--ink);font-weight:900;cursor:pointer}.nav-q.active{outline:3px solid rgba(0,121,107,.24);border-color:var(--teal)}.nav-q.answered{background:#d7f2ec;border-color:#7cc9ba}.question-panel{padding:28px}.exam-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.exam-meta h1{margin:0;font-size:25px;line-height:1.35}.answers{display:grid;gap:10px}.answer-row{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px;cursor:pointer}.answer-row.selected{border-color:var(--blue);background:#eff6ff}.answer-row input{margin-top:3px}.inline-box{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:18px;line-height:2.4}.inline-box select{width:auto;min-width:180px;margin:0 6px}.exam-actions{margin-top:18px;display:grid;grid-template-columns:130px 130px 1fr;gap:10px}.exam-actions .danger-btn{justify-self:end;min-width:140px}.results-panel{max-width:720px;margin:0 auto}.results-panel h1{margin:8px 0}.review-page{max-width:920px;margin:0 auto;display:grid;gap:14px}.review-page .link-button{color:var(--teal-dark)}.review-card{padding:20px}.review-card h2{margin:12px 0;font-size:20px}.review-card p{color:var(--muted);line-height:1.55}.answer-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.answer-compare div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8fafc;min-width:0}.answer-compare small{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:6px}.answer-compare p{margin:0;color:var(--ink);overflow-wrap:anywhere}@media(max-width:1100px){.page-grid,.test-grid,.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.panel.wide{grid-column:span 2}}@media(max-width:820px){.auth-card,.topbar,.page-grid,.metric-grid,.test-grid,.landing-hero,.landing-feature-grid,.public-plan-grid,.faq-grid,.landing-score-card,.pricing-layout,.payment-method-grid,.exam-layout{grid-template-columns:1fr}.landing-nav,.landing-band,.public-footer,.app-footer{align-items:flex-start;flex-direction:column}.landing-hero{min-height:auto;padding-top:34px}.landing-hero h1{font-size:42px}.panel-heading{align-items:flex-start;flex-direction:column}.area-progress-row,.answer-compare{grid-template-columns:1fr}.topbar{align-items:start}.topnav{width:100%;overflow-x:auto}.account-chip{width:fit-content}.plan-summary,.plan-options{grid-template-columns:1fr}.payment-method-heading,.method-actions{grid-template-columns:1fr;align-items:stretch}.payment-method-heading{flex-direction:column}.qr-box{width:100%}.app-main,.auth-copy,.login-form{padding:18px}.hero-panel,.panel.wide{grid-column:span 1}.exam-sidebar{position:static}.exam-actions{grid-template-columns:1fr}.exam-actions .danger-btn{justify-self:stretch}}
