:root{--green:#087a56;--deep:#073c31;--mint:#e7f5ee;--ink:#17221f;--muted:#6a7872;--paper:#fbfcfa;--red:#cc4d50;--shadow:0 22px 55px rgba(6,61,44,.13)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh;overflow:hidden}.screen{min-height:100svh;position:relative;isolation:isolate;padding:clamp(24px,4vw,70px);display:flex;flex-direction:column;background:radial-gradient(circle at 10% 0%,#e5f6ed 0,transparent 27%),radial-gradient(circle at 90% 100%,#f1f8ef 0,transparent 30%),var(--paper)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-1px;color:var(--deep);direction:rtl}.brand>span:last-child span{color:var(--green)}.brand-mark{width:34px;height:34px;background:var(--green);border-radius:11px;display:grid;place-items:center;color:white;font-size:22px;line-height:1;box-shadow:0 7px 15px rgba(8,122,86,.22)}.welcome-screen{align-items:center;justify-content:center;text-align:center}.welcome-content{max-width:830px;position:relative;z-index:1}.welcome-content .brand{position:absolute;right:50%;transform:translateX(50%);top:-112px}.eyebrow,.question-category,.result-badge{font-size:14px;color:var(--green);font-weight:700;letter-spacing:.1px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:19px}.eyebrow i{height:1px;width:30px;background:#a5cbbc}.welcome-content h1{font-size:clamp(42px,5vw,78px);line-height:1.34;letter-spacing:-3.5px;margin:0;color:var(--deep)}.welcome-content h1 em{font-style:normal;color:var(--green)}.lead{font-size:clamp(19px,1.55vw,27px);font-weight:700;margin:23px 0 8px}.sublead{font-size:clamp(15px,1.15vw,19px);color:var(--muted);margin:0}.start-button,.restart-button{font:inherit;border:0;cursor:pointer;min-height:76px;padding:0 32px;background:var(--green);color:#fff;border-radius:22px;font-size:20px;font-weight:700;margin-top:40px;box-shadow:0 15px 30px rgba(8,122,86,.26);transition:transform .18s,background .18s}.start-button span,.restart-button span{display:inline-block;margin-right:16px;font-size:27px;vertical-align:-2px}.start-button:active,.restart-button:active{transform:scale(.97);background:#056145}.touch-note{font-size:13px;color:#84938c;margin:22px 0 0}.touch-note span{color:var(--green);font-size:10px;margin-left:5px}.ambient{position:absolute;border-radius:99px;filter:blur(2px);z-index:-1}.orb-one{width:240px;height:240px;background:#d8f0e3;top:8%;right:9%;opacity:.7}.orb-two{width:160px;height:160px;border:24px solid #d7eddf;bottom:5%;left:10%;opacity:.65}.appear{animation:appear .55s cubic-bezier(.2,.8,.2,1) both}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.quiz-screen{padding-top:clamp(22px,3vw,47px);padding-bottom:clamp(20px,3vw,42px)}.quiz-header{display:flex;align-items:center;justify-content:space-between;max-width:1450px;width:100%;margin:0 auto 21px}.question-count{font-size:16px;color:var(--muted)}.question-count strong{color:var(--deep);font-size:22px;margin:0 4px}.progress-track{height:5px;max-width:1450px;width:100%;margin:0 auto;background:#e0ebe5;border-radius:10px;overflow:hidden}.progress-track span{height:100%;background:var(--green);display:block;border-radius:inherit;transition:width .35s ease}.quiz-layout{max-width:1290px;width:100%;margin:auto;display:grid;grid-template-columns:154px 1fr;grid-template-rows:auto auto;column-gap:46px;align-items:center}.timer-wrap{grid-row:span 2;width:140px;height:140px;position:relative;display:grid;place-items:center;color:var(--deep)}.timer-ring{width:140px;height:140px;transform:rotate(-90deg);position:absolute}.timer-ring circle{fill:none;stroke-width:8}.timer-base{stroke:#dcebe3}.timer-value{stroke:var(--green);stroke-linecap:round;transition:stroke .18s}.timer-wrap b{font-size:42px;line-height:1;z-index:1}.timer-wrap small{font-size:12px;color:var(--muted);margin-top:-47px;z-index:1}.timer-wrap.urgent{color:var(--red);animation:pulse .5s infinite alternate}.timer-wrap.urgent .timer-value{stroke:var(--red)}@keyframes pulse{to{transform:scale(1.045)}}.question-card{background:#fff;border:1px solid #e5eee9;box-shadow:0 14px 35px rgba(26,68,49,.07);border-radius:25px;padding:clamp(22px,2.2vw,34px) clamp(27px,3vw,52px);margin-bottom:20px;min-height:156px;display:flex;flex-direction:column;justify-content:center}.question-card h1{font-size:clamp(22px,2vw,33px);line-height:1.75;letter-spacing:-1.2px;margin:7px 0 0;color:var(--deep);font-weight:700}.question-card.with-image{display:grid;grid-template-columns:125px 1fr;column-gap:25px}.with-image .manager-photo{grid-row:span 2}.manager-photo{width:125px;height:110px;border-radius:18px;overflow:hidden;background:#e7f1eb;border:1px solid #cce1d5}.manager-photo img{width:100%;height:100%;object-fit:cover}.image-failed:after{content:'تصویر مدیر';display:grid;place-items:center;height:100%;color:#567568;font-size:13px}.image-failed img{display:none}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{position:relative;min-height:88px;border:1.5px solid #dce9e2;background:#fff;border-radius:18px;color:var(--ink);font:600 clamp(16px,1.3vw,20px)/1.55 Vazirmatn,Tahoma,sans-serif;padding:13px 20px;display:flex;align-items:center;text-align:right;gap:16px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.answer:active{transform:scale(.982)}.answer:focus-visible,.start-button:focus-visible,.restart-button:focus-visible{outline:4px solid #9bd5bc;outline-offset:3px}.answer-label{height:40px;width:40px;flex:0 0 40px;border-radius:12px;background:#eff6f2;color:var(--green);display:grid;place-items:center;font-size:15px}.answer-icon{margin-right:auto;width:20px;height:20px;border:2px solid #bdd5c8;border-radius:50%}.answer:disabled{cursor:default}.answer.correct,.answer.reveal-correct{background:#e5f5ec;border-color:#48a877;color:#075c3e}.answer.incorrect{background:#fbeaea;border-color:#de7475;color:#a63d41}.answer.correct .answer-icon,.answer.reveal-correct .answer-icon{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 4px #e5f5ec}.answer.incorrect .answer-icon{background:var(--red);border-color:var(--red)}.dots{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:auto;padding-top:22px;direction:ltr}.dots i{width:8px;height:8px;background:#d3e2da;border-radius:9px}.dots i.active{width:25px;background:var(--green)}.dots i.done{background:#78b99a}.feedback{position:absolute;inset:0;border-radius:25px;background:rgba(255,255,255,.84);backdrop-filter:blur(3px);display:grid;place-content:center;text-align:center;animation:feedback .18s ease-out}.feedback b{font-size:29px}.feedback span{color:var(--muted);font-size:15px;margin-top:3px}.feedback.success b{color:var(--green)}.feedback.error b,.feedback.timeout b{color:var(--red)}@keyframes feedback{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.result-screen{align-items:center;justify-content:center;text-align:center}.result-content{max-width:680px}.result-content .brand{margin-bottom:30px}.result-badge{display:inline-block;border-radius:99px;background:#e8f5ee;padding:8px 17px}.score-orbit{width:220px;height:220px;margin:16px auto 18px;position:relative;display:grid;place-items:center}.score-orbit svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.score-orbit circle{fill:none;stroke:#e2eee7;stroke-width:10}.score-orbit .score-arc{stroke:var(--green);stroke-linecap:round;stroke-dasharray:603;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.score-orbit div{display:flex;flex-direction:column}.score-orbit strong{font-size:57px;line-height:1;color:var(--deep)}.score-orbit span{font-size:13px;color:var(--muted);margin-top:8px}.result-content h1{font-size:clamp(27px,2.5vw,40px);color:var(--deep);margin:0 0 8px}.result-content>p{color:var(--muted);font-size:17px;margin:0}.restart-button{margin-top:27px;min-height:61px;font-size:17px;border-radius:17px;padding:0 25px}.restart-button span{font-size:21px;margin-right:10px}.result-content small{display:block;color:#84938c;margin-top:18px;font-size:13px}
@media(max-height:800px) and (min-width:800px){.welcome-content .brand{top:-82px}.welcome-content h1{font-size:48px}.start-button{min-height:64px;margin-top:27px}.quiz-layout{grid-template-columns:120px 1fr;gap:30px}.timer-wrap,.timer-ring{width:112px;height:112px}.timer-wrap b{font-size:34px}.question-card{min-height:120px;margin-bottom:13px;padding:18px 32px}.question-card h1{font-size:24px}.answer{min-height:68px}.dots{padding-top:10px}.manager-photo{height:82px;width:105px}.question-card.with-image{grid-template-columns:105px 1fr}}
@media(max-width:700px){body{overflow:auto}.screen{padding:22px 17px;min-height:100svh}.welcome-content .brand{position:static;transform:none;margin-bottom:47px}.welcome-content h1{font-size:42px;letter-spacing:-2px}.lead{margin-top:18px}.start-button{width:100%;margin-top:32px;min-height:66px;font-size:17px}.orb-one{width:130px;height:130px;right:-45px}.quiz-header{margin-bottom:16px}.brand{font-size:17px}.brand-mark{width:30px;height:30px;font-size:19px}.question-count{font-size:13px}.question-count strong{font-size:17px}.quiz-layout{display:flex;flex-direction:column;margin:18px auto 0;gap:15px}.timer-wrap{width:95px;height:95px;order:0}.timer-ring{width:95px;height:95px}.timer-ring circle{stroke-width:9}.timer-wrap b{font-size:31px}.timer-wrap small{margin-top:-37px;font-size:10px}.question-card{order:1;width:100%;min-height:0;padding:20px;border-radius:20px;margin:0}.question-card h1{font-size:20px;line-height:1.75}.answer-grid{order:2;width:100%;grid-template-columns:1fr;gap:10px}.answer{min-height:63px;border-radius:15px;font-size:16px;padding:10px 14px}.answer-label{width:34px;height:34px;flex-basis:34px;border-radius:10px}.dots{margin-top:16px;padding:0}.question-card.with-image{grid-template-columns:77px 1fr;column-gap:14px}.manager-photo{width:77px;height:80px;border-radius:13px}.feedback{position:fixed;border-radius:0;z-index:3}.score-orbit{transform:scale(.88);margin:-2px auto}.result-content h1{font-size:29px}.result-content .brand{margin-bottom:23px}.welcome-logo{width:min(84vw,300px);margin:0 auto 27px}}
.welcome-logo{width:min(38vw,380px);margin:0 auto 31px;line-height:0}.welcome-logo img{display:block;width:100%;height:auto}
@font-face{font-family:Modam;src:url('./assets/fonts/Modam-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Modam;src:url('./assets/fonts/Modam-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}body{font-family:Modam,Tahoma,sans-serif}.answer{font-family:Modam,Tahoma,sans-serif}