:root{--gold: #c8a24b;--gold-soft: #dcbf7e;--gold-deep: #a6812f;--clay: #b4482f;--sage: #7c9a6b;--amber: #d9a441;--blue: #5c86a8;--bg: #17120e;--bg-2: #1e1811;--surface: #241d15;--surface-2: #2c241a;--surface-3: #352b1f;--line: rgba(200, 162, 75, .18);--line-strong: rgba(200, 162, 75, .34);--ink: #f4ecde;--ink-soft: #cdbfa8;--ink-mute: #9c8f79;--radius: 16px;--radius-sm: 11px;--radius-lg: 24px;--shadow: 0 18px 46px -22px rgba(0, 0, 0, .75);--shadow-gold: 0 14px 40px -18px rgba(200, 162, 75, .35);--font-body: "Manrope", system-ui, sans-serif;--font-display: "Cormorant Garamond", "Amiri", serif}html[lang=ar]{--font-body: "Amiri", serif;--font-display: "Amiri", serif}html[lang=ur]{--font-body: "Noto Nastaliq Urdu", serif;--font-display: "Noto Nastaliq Urdu", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 620px at 78% -8%,rgba(200,162,75,.13),transparent 60%),radial-gradient(900px 520px at 10% 108%,rgba(124,154,107,.09),transparent 60%),var(--bg);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=ur] body{line-height:2.15}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:1060px;margin-inline:auto;padding-inline:clamp(18px,5vw,40px)}.page{flex:1;padding-block:clamp(26px,5vw,54px);animation:rise .5s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.header{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#241d15db,#17120e80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep));color:#241d15;font-weight:800;font-size:22px;font-family:var(--font-display);box-shadow:var(--shadow-gold)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.14em;color:var(--gold-soft)}.brand-sub{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute)}.lang-switch{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.lang-switch button{border:none;background:transparent;color:var(--ink-soft);padding:6px 13px;border-radius:999px;font-size:13px;transition:.18s}.lang-switch button.active{background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep));color:#241d15;font-weight:700}.lang-switch button:hover:not(.active){color:var(--ink);background:var(--surface-3)}.display{font-family:var(--font-display);font-weight:700;line-height:1.12;letter-spacing:.01em}h1.display{font-size:clamp(30px,5vw,50px)}h2.display{font-size:clamp(23px,3.4vw,32px)}.eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:12px;color:var(--gold);font-weight:600}html[lang=ar] .eyebrow,html[lang=ur] .eyebrow{letter-spacing:.1em}.muted{color:var(--ink-soft)}.mute{color:var(--ink-mute)}.gold-rule{height:1px;border:none;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin-block:20px}.card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:clamp(20px,3.4vw,34px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:600;transition:.2s;white-space:nowrap}.btn-gold{background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep));color:#201a12;box-shadow:var(--shadow-gold)}.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-gold:disabled{opacity:.5;transform:none;cursor:not-allowed;filter:grayscale(.3)}.btn-ghost{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-3)}.btn-lg{padding:16px 34px;font-size:16px}.btn-block{width:100%}.field{margin-bottom:18px}.label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:7px;letter-spacing:.02em}.input,.select{width:100%;padding:13px 15px;font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);transition:.18s}.input:focus,.select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8a24b24}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}html[dir=rtl] .select{background-position:left 16px center,left 11px center}.hero{text-align:center;max-width:720px;margin-inline:auto}.hero .tagline{font-size:clamp(16px,2.2vw,20px);color:var(--ink-soft);margin-top:14px;font-style:italic;font-family:var(--font-display)}.lang-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.lang-card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:26px 16px;text-align:center;transition:.2s;cursor:pointer}.lang-card:hover,.lang-card.sel{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-gold)}.lang-card .glyph{font-size:30px;font-family:var(--font-display);color:var(--gold-soft)}.lang-card .lname{margin-top:8px;font-size:15px;color:var(--ink)}.landing-actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;flex-wrap:wrap}.progress-bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));border-radius:999px;transition:width .4s ease}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--gold-soft)}.chip.comp{background:#5c86a81f;border-color:#5c86a866;color:#a9c6dd}.q-stem{font-family:var(--font-display);font-size:clamp(21px,3vw,28px);line-height:1.35;margin:18px 0 24px}html[lang=ur] .q-stem{line-height:1.9}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:start;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--ink);font-size:16px;transition:.16s}.option:hover{border-color:var(--line-strong);background:var(--surface-2)}.option.sel{border-color:var(--gold);background:#c8a24b1f;box-shadow:0 0 0 3px #c8a24b1f}.option .marker{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);font-size:14px;font-weight:700;color:var(--ink-soft)}.option.sel .marker{background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep));color:#201a12;border-color:transparent}.exam-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:9px;margin:18px 0 6px}.review-dot{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-soft);font-size:13px;font-weight:600;display:grid;place-items:center;transition:.15s}.review-dot.done{border-color:var(--sage);color:var(--sage);background:#7c9a6b1a}.review-dot:hover{border-color:var(--gold);color:var(--gold)}.report-hero{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,40px);align-items:center}@media (max-width: 620px){.report-hero{grid-template-columns:1fr;text-align:center}}.score-ring{position:relative;width:168px;height:168px;flex:none;margin-inline:auto}.score-ring svg{transform:rotate(-90deg)}.score-ring .val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.score-ring .num{font-family:var(--font-display);font-size:46px;font-weight:700;line-height:1}.score-ring .pct{font-size:15px;color:var(--ink-mute)}.grade-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid;margin-top:10px}.verdict{font-family:var(--font-display);font-size:clamp(18px,2.6vw,23px);font-style:italic;line-height:1.5;color:var(--ink)}.comp-row{padding:15px 0;border-bottom:1px solid var(--line)}.comp-row:last-child{border-bottom:none}.comp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.comp-name{display:flex;align-items:center;gap:9px;font-weight:600}.comp-score{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:14px}.comp-bar{height:9px;border-radius:999px;background:var(--surface-3);overflow:hidden}.comp-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.tag{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;letter-spacing:.04em}.tag.crit{background:#b4482f29;color:#e59a86;border:1px solid rgba(180,72,47,.5)}.tag.weak{background:#d9a44124;color:var(--amber);border:1px solid rgba(217,164,65,.4)}.tag.ok{background:#7c9a6b24;color:#a6c793;border:1px solid rgba(124,154,107,.4)}.rec{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.rec:last-child{border-bottom:none}.rec-icon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--surface-3)}.rec.critical .rec-icon{background:#b4482f2e}.rec-body h4{font-size:15px;margin-bottom:4px;color:var(--gold-soft)}.rec-body p{font-size:14.5px;color:var(--ink-soft)}.strength-pills{display:flex;flex-wrap:wrap;gap:9px}.strength-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#7c9a6b1a;border:1px solid rgba(124,154,107,.34);color:#b7d2a6;font-size:13.5px}.stack{display:flex;flex-direction:column;gap:clamp(16px,3vw,26px)}.row{display:flex;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.center{text-align:center}.mt-s{margin-top:10px}.mt{margin-top:20px}.mt-l{margin-top:32px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 560px){.stat-grid{grid-template-columns:1fr}}.stat{padding:22px;text-align:center}.stat .big{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--gold-soft);line-height:1}.stat .lbl{font-size:13px;color:var(--ink-mute);margin-top:8px}.table-wrap{overflow-x:auto}table.att{width:100%;border-collapse:collapse;min-width:560px}table.att th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);padding:12px 14px;border-bottom:1px solid var(--line-strong);font-weight:600}table.att td{padding:14px;border-bottom:1px solid var(--line);font-size:14.5px}table.att tr:hover td{background:var(--surface-2)}.dot-grade{display:inline-flex;align-items:center;gap:8px}.dot-grade .dot{width:9px;height:9px;border-radius:50%}.review-answer{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:12px;background:var(--bg-2)}.review-answer .rq{font-weight:600;margin-bottom:8px}.ans-line{display:flex;gap:8px;align-items:baseline;font-size:14px;padding:3px 0}.ans-line .k{color:var(--ink-mute);min-width:110px}.ans-ok{color:#a6c793}.ans-bad{color:#e59a86}.explain-box{margin-top:9px;padding:10px 13px;border-radius:9px;background:#5c86a81a;border:1px solid rgba(92,134,168,.3);font-size:13.5px;color:var(--ink-soft);line-height:1.55}.explain-label{display:inline-block;font-weight:700;font-size:11px;color:#a9c6dd;text-transform:uppercase;letter-spacing:.06em;margin-inline-end:6px}.notice{padding:13px 16px;border-radius:var(--radius-sm);border:1px solid;font-size:14px}.notice.warn{background:#b4482f1f;border-color:#b4482f66;color:#e7a795}.footer{border-top:1px solid var(--line);padding-block:22px;text-align:center;color:var(--ink-mute);font-size:13px}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@media print{body{background:#fff;color:#1c1c1c}.header,.footer,.no-print,.lang-switch{display:none!important}.page{padding:0}.card{box-shadow:none;border:1px solid #ddd;background:#fff;break-inside:avoid}.verdict,.display,.brand-name,.rec-body h4,.stat .big,.score-ring .num{color:#1c1c1c!important}.muted,.mute,.rec-body p,.comp-score{color:#444!important}.comp-bar,.progress-bar{background:#eee}}