@font-face{font-family:Vazirmatn;src:url("assets/fonts/vazirmatn-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("assets/fonts/vazirmatn-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("assets/fonts/vazirmatn-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("assets/fonts/vazirmatn-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#17322f;--muted:#61706d;--paper:#fbfaf6;--surface:#fff;--line:#dfe6e2;--accent:#d88a48;--accent-dark:#ad6429;--green:#173f3a;--mint:#e8f0eb;--danger:#a33d35;--shadow:0 18px 55px rgba(23,50,47,.09);font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#eef4ef 0,transparent 28rem),var(--paper);line-height:1.8}
button,input{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;right:1rem;top:-5rem;z-index:20;background:#fff;color:var(--ink);padding:.6rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}
.site-header{max-width:1120px;margin:auto;padding:1.1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{font-size:.72rem;color:var(--muted)}
.privacy-note{font-size:.82rem;color:var(--muted)}
main{max-width:960px;margin:1.5rem auto 4rem;padding:0 1.25rem}
.hero{display:grid;grid-template-columns:1.4fr .75fr;gap:2rem;align-items:center;min-height:64vh}
.eyebrow{display:inline-block;color:var(--accent-dark);font-weight:800;font-size:.82rem;letter-spacing:.03em;margin-bottom:.5rem}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.18;letter-spacing:-.04em;margin-bottom:1rem}h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.35}h3{line-height:1.5}.lead{font-size:1.08rem;color:#415451;max-width:62ch}
.hero-card,.panel,.question-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.hero-card{padding:1.4rem}.metric{padding:1rem 0;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:1.8rem;line-height:1.2}.metric span{color:var(--muted);font-size:.86rem}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.btn{border:1px solid transparent;border-radius:12px;padding:.78rem 1.2rem;font-weight:800;transition:.18s ease}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0e2e2a}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:#9eaaa6}.btn:focus-visible,.option:focus-visible{outline:3px solid rgba(216,138,72,.45);outline-offset:3px}.btn[disabled]{opacity:.45;cursor:not-allowed}
.intro-list{margin:1.4rem 0;padding:0;list-style:none;display:grid;gap:.7rem}.intro-list li{display:flex;gap:.65rem}.intro-list li::before{content:"✓";color:var(--accent-dark);font-weight:900}
.progress-shell{position:sticky;top:0;z-index:10;background:rgba(251,250,246,.92);backdrop-filter:blur(10px);padding:.8rem 0}.progress-meta{display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted);margin-bottom:.4rem}.progress{height:7px;border-radius:999px;background:#e3e9e5;overflow:hidden}.progress>span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease}
.section-head{padding:1.8rem 0 1rem}.section-head p{color:var(--muted)}
.question-card{padding:clamp(1.2rem,4vw,2.2rem);margin-bottom:1rem}.question-number{color:var(--accent-dark);font-size:.8rem;font-weight:800}.question-text{font-size:1.13rem;font-weight:750;margin:.4rem 0 1.2rem}
.options{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.options.mcq{grid-template-columns:1fr 1fr}.option{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem .55rem;text-align:center;color:var(--ink)}.option:hover{border-color:#a8b7b1;background:#fafcfb}.option.selected{background:var(--green);color:#fff;border-color:var(--green)}.option small{display:block;font-size:.72rem;line-height:1.35;color:inherit;opacity:.75}.mcq .option{text-align:right;padding:1rem}
.nav-row{display:flex;justify-content:space-between;gap:1rem;margin-top:1.3rem}
.notice{padding:1rem 1.1rem;border-radius:14px;background:#fff6ec;border:1px solid #f1d4ba;color:#70441f;margin:1rem 0}.error{color:var(--danger);font-size:.85rem;margin:.5rem 0 0;min-height:1.4rem}
.result-hero{padding:2rem;background:var(--green);color:#fff;border-radius:24px;margin:1rem 0 1.5rem}.result-hero p{color:#d8e6e1;max-width:65ch}.confidence{display:inline-flex;background:rgba(255,255,255,.12);padding:.35rem .75rem;border-radius:999px;font-size:.82rem}
.results-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.result-card{padding:1.3rem}.rank-row{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.75rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--mint);font-weight:900}.score{font-weight:900}.bar{height:6px;background:#edf0ee;border-radius:999px;margin-top:.35rem;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}
.fit-list{padding:0 1.1rem 0 0}.fit-list li{margin-bottom:.55rem}.muted{color:var(--muted)}
.details{margin-top:1rem}.details summary{cursor:pointer;font-weight:800}.mini-table{width:100%;border-collapse:collapse;margin-top:.8rem}.mini-table th,.mini-table td{text-align:right;padding:.65rem;border-bottom:1px solid var(--line);font-size:.88rem}
footer{max-width:960px;margin:0 auto;padding:1.5rem;color:var(--muted);font-size:.78rem;text-align:center}
@media(max-width:760px){.hero,.results-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:2rem 0}.privacy-note{display:none}.options{grid-template-columns:repeat(3,1fr)}.options .option:nth-child(n+4){grid-column:auto}.options.mcq{grid-template-columns:1fr}.nav-row .btn{flex:1}.result-hero{padding:1.4rem}}
@media(max-width:380px){main{padding:0 .8rem}.site-header{padding:1rem}.options{grid-template-columns:1fr 1fr}.option:last-child{grid-column:1/-1}.question-card{border-radius:16px}.question-text{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.actions,.nav-row,footer,.progress-shell{display:none!important}body{background:#fff}.result-card,.result-hero{box-shadow:none;break-inside:avoid}main{max-width:none}}