@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;--bg:#17112a;--surface:#241b3b;--surface-soft:#2c2048;--input:#1b1430;--text:#f7f3ff;--muted:#bbadd4;--border:#ffffff1e;--accent:#b99aff;--accent-strong:#a982f8;--accent-text:#24153d;--pink:#f7a8df;--shadow:#0d082970;--tile:#332451;--glow:#7c4ec344;color:var(--text);background:var(--bg)}
:root[data-theme="light"]{--bg:#f7f3ff;--surface:#fff;--surface-soft:#f0e8ff;--input:#faf7ff;--text:#291a47;--muted:#75658d;--border:#dcd0ee;--accent:#8253e4;--accent-strong:#6d3dd1;--accent-text:#fff;--pink:#c45ca9;--shadow:#6344a51d;--tile:#e6d7ff;--glow:#b397ed66}
*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 74% 16%,var(--glow),transparent 29%),radial-gradient(circle at 4% 55%,#cb73c413,transparent 28%),var(--bg);transition:background .25s,color .25s}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-text)}.shell{max-width:1380px;margin:auto;padding:0 clamp(18px,5vw,76px);min-height:100vh;display:flex;flex-direction:column}main{flex:1}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:900;line-height:1.2;white-space:nowrap}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:500}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);border-radius:14px;font-size:28px;box-shadow:0 7px 22px var(--glow)}.header-actions{display:flex;align-items:center;gap:12px}.top-status{font-size:11px;color:var(--muted)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:7px;box-shadow:0 0 12px var(--accent)}.theme-toggle,.admin-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:9px 14px;font-size:11px;font-weight:700;white-space:nowrap;transition:.2s}.theme-toggle:hover,.admin-link:hover{border-color:var(--accent);transform:translateY(-2px)}
.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:70px 0 90px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--surface-soft);color:var(--accent);border:1px solid var(--border);padding:8px 14px;border-radius:100px;font-size:11px;font-weight:800}.eyebrow-star{font-size:16px}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.45;letter-spacing:-2px;margin:19px 0 18px;font-weight:900}.hero h1 span{color:var(--accent)}.hero-copy>p{max-width:520px;color:var(--muted);font-size:15px;line-height:2.2;margin:0 0 29px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;background:var(--accent);color:var(--accent-text);font-size:14px;font-weight:900;padding:13px 24px;border-radius:13px;box-shadow:0 12px 26px var(--glow);transition:.2s}.primary-button:not(:disabled):hover{background:var(--accent-strong);transform:translateY(-3px)}.primary-button span{font-size:18px}.hero-note{font-size:11px;color:var(--muted);margin-top:19px}.hero-art{height:460px;position:relative;direction:ltr;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:450px;height:380px;border-radius:50%;background:radial-gradient(ellipse,#a482e43d,transparent 70%);filter:blur(7px)}.character-tile{position:absolute;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px var(--shadow);border-radius:27px;padding:10px}.character-tile img{display:block;width:100%;height:100%;border-radius:20px}.tile-main{width:260px;height:306px;z-index:2;transform:rotate(-3deg);top:58px;left:calc(50% - 130px);padding-bottom:44px;border:2px solid var(--accent)}.tile-main img{height:245px;object-fit:cover}.tile-main span{position:absolute;bottom:12px;color:var(--text);font-weight:800;font-size:12px}.tile-left{width:180px;height:195px;top:94px;left:10px;transform:rotate(-17deg)}.tile-right{width:180px;height:195px;right:2px;top:127px;transform:rotate(15deg)}.hero-sticker{position:absolute;z-index:3;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 25px var(--shadow);padding:9px 15px;border-radius:12px;font-size:12px;font-weight:800;color:var(--accent)}.sticker-a{top:27px;right:70px;transform:rotate(11deg)}.sticker-b{bottom:39px;left:50px;transform:rotate(-8deg);font:800 11px Arial,sans-serif;letter-spacing:1px}.hero-doodle{position:absolute;color:var(--pink);font-size:35px}.doodle-one{top:14px;left:98px}.doodle-two{bottom:8px;right:62px}
.workspace{padding:65px 0 95px;scroll-margin-top:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-heading h2{font-size:clamp(26px,3vw,40px);margin:13px 0 3px;font-weight:900}.section-heading p{color:var(--muted);font-size:13px;margin:0}.stage-indicator,.class-pill{border-radius:100px;border:1px solid var(--border);background:var(--surface-soft);color:var(--accent);padding:8px 14px;font-size:11px;font-weight:700;white-space:nowrap}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.class-card{text-align:right;min-height:195px;display:flex;flex-direction:column;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:19px;box-shadow:0 10px 30px var(--shadow);transition:.2s}.class-card:nth-child(5n+2){--card-accent:#f2a9d7}.class-card:nth-child(5n+3){--card-accent:#88c9f5}.class-card:nth-child(5n+4){--card-accent:#f5c58a}.class-card:nth-child(5n+5){--card-accent:#b5a4f9}.class-card:not(:nth-child(5n+2)):not(:nth-child(5n+3)):not(:nth-child(5n+4)):not(:nth-child(5n+5)){--card-accent:var(--accent)}.class-card:hover{transform:translateY(-5px);border-color:var(--card-accent)}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center}.card-top{font-size:11px;color:var(--muted)}.card-arrow{font-size:18px;color:var(--card-accent)}.class-card strong{font-size:54px;line-height:1.4;color:var(--card-accent)}:root[data-theme="light"] .class-card strong{filter:brightness(.78)}.card-bottom{font-size:10px;color:var(--muted);margin-top:auto;padding-top:11px;border-top:1px solid var(--border)}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:8px 0}.text-button:hover{color:var(--accent)}.search-box{display:flex;align-items:center;gap:10px;width:min(100%,420px);border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:0 15px;margin-bottom:23px;color:var(--accent);font-size:24px}.search-box:focus-within{border-color:var(--accent)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--text);direction:rtl;padding:13px 0;font-size:13px}.search-box input::placeholder{color:var(--muted)}.student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.student-card{display:flex;align-items:center;gap:12px;text-align:right;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px;color:var(--text);transition:.2s}.student-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 9px 24px var(--shadow)}.student-avatar{flex:none;width:42px;height:42px;display:grid;place-items:center;background:var(--surface-soft);color:var(--accent);font-weight:900;border-radius:12px}.student-info{min-width:0;display:flex;flex-direction:column;gap:1px}.student-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-info small{color:var(--muted);font-size:10px}.student-arrow{margin-inline-start:auto;color:var(--accent)}.empty-state{text-align:center;color:var(--muted);padding:32px}
.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:17px}.quiz-card,.quiz-aside,.result-card,.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 16px 45px var(--shadow)}.quiz-card{padding:clamp(22px,3.5vw,42px)}.quiz-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.quiz-top span:first-child{color:var(--accent);font-weight:900}.progress-track{height:7px;background:var(--surface-soft);border-radius:30px;overflow:hidden;margin:18px 0 30px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--pink));border-radius:30px;transition:width .3s}.quiz-card h3{font-size:clamp(21px,2.5vw,29px);line-height:1.7;margin:0;font-weight:900}.quiz-hint{color:var(--muted);font-size:12px;margin:7px 0 22px}.option-list{display:grid;gap:9px}.answer-option{display:flex;align-items:center;gap:12px;width:100%;min-height:57px;text-align:right;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:12px;padding:10px 13px;font-size:13px;transition:.2s}.answer-option:hover,.answer-option.selected{border-color:var(--accent);background:var(--surface-soft)}.option-marker{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:var(--surface-soft);color:var(--accent);font:700 11px Arial,sans-serif}.answer-option.selected .option-marker{background:var(--accent);color:var(--accent-text)}.option-check{margin-inline-start:auto;opacity:0;color:var(--accent);font-size:18px}.answer-option.selected .option-check{opacity:1}.language-box{margin-top:17px;padding:15px;background:var(--surface-soft);border:1px dashed var(--accent);border-radius:11px}.language-box p{margin:0 0 10px;font-size:12px}.language-options{display:flex;flex-wrap:wrap;gap:8px}.language-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:7px 12px;font-size:12px;direction:ltr}.language-chip:hover,.language-chip.selected{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:27px}.next-button{font-size:12px;padding:11px 18px}.form-error{color:#ee6b94;font-size:12px;margin:14px 0 0}.quiz-aside{padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}.aside-label{font-size:12px;font-weight:800;color:var(--accent)}.quiz-aside img{width:180px;max-width:100%;border-radius:23px;transform:rotate(-5deg);box-shadow:0 12px 27px var(--shadow)}.quiz-aside p{color:var(--muted);font-size:12px;line-height:2}.aside-sequence{direction:ltr;color:var(--accent);font-size:20px;letter-spacing:9px}
.result-card{max-width:680px;margin:auto;text-align:center;padding:36px 28px 42px;background:radial-gradient(circle at 50% 0,var(--glow),transparent 48%),var(--surface)}.result-overline{display:inline-block;background:var(--surface-soft);border:1px solid var(--border);border-radius:100px;color:var(--accent);font-size:12px;font-weight:900;padding:8px 16px}.result-portrait{width:205px;height:205px;border-radius:28px;padding:8px;background:var(--surface-soft);border:2px solid var(--accent);margin:22px auto 14px;transform:rotate(-3deg);box-shadow:0 15px 38px var(--glow)}.result-portrait img{display:block;width:100%;height:100%;border-radius:20px}.result-name{font-size:16px;font-weight:800;margin:7px 0 1px}.result-lead{color:var(--muted);font-size:12px;margin:0}.result-card h2{font-size:clamp(39px,5vw,61px);color:var(--accent);line-height:1.4;margin:0}.result-tagline{font-size:16px;font-weight:800;margin:4px 0 14px}.result-description{max-width:450px;margin:auto;color:var(--muted);font-size:13px;line-height:2}.result-footnote{color:var(--muted);font-size:11px;margin:20px 0}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.outline-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 18px;font-size:12px;font-weight:800;transition:.2s}.outline-button:hover{border-color:var(--accent);color:var(--accent)}
.admin-main{width:100%;max-width:1050px;margin:auto;padding:75px 0 90px}.admin-main h1{font-size:clamp(35px,5vw,58px);margin:14px 0 0}.dot{color:var(--accent)}.admin-intro{color:var(--muted);font-size:14px;margin:0 0 30px}.admin-panel{padding:30px}.panel-icon{width:49px;height:49px;display:grid;place-items:center;background:var(--surface-soft);border-radius:14px;font-size:25px}.admin-panel h2{font-size:22px;margin:15px 0 4px}.admin-panel p{font-size:12px;color:var(--muted)}.admin-panel label{display:block;font-size:12px;margin:24px 0 7px}.login-row{display:flex;gap:10px;max-width:490px}.login-row input{min-width:0;flex:1;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 14px;outline:0}.login-row input:focus{border-color:var(--accent)}.login-row .primary-button{padding:10px 24px}.reports-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.reports-heading h2{margin:0}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.report-card{background:var(--input);border:1px solid var(--border);border-radius:13px;padding:20px}.report-card h3{margin:0;font-size:19px;color:var(--accent)}.report-card p{margin:6px 0 0}.report-card .progress-track{margin:17px 0}.export-button{width:100%}footer{border-top:1px solid var(--border);min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.class-grid{grid-template-columns:repeat(3,1fr)}.hero-art{transform:scale(.85);margin:0 -45px}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:55px 0 25px;min-height:auto}.hero-art{height:360px;transform:scale(.76);margin:-45px 0 -45px}.student-grid{grid-template-columns:repeat(2,1fr)}.quiz-layout{grid-template-columns:1fr}.quiz-aside{display:none}}@media(max-width:600px){.shell{padding:0 18px}.topbar{height:72px}.brand{font-size:14px}.brand-mark{width:36px;height:36px;font-size:22px}.brand small{font-size:9px}.header-actions{gap:6px}.top-status{display:none}.theme-toggle,.admin-link{font-size:10px;padding:8px}.hero{padding-top:45px}.hero h1{font-size:42px;letter-spacing:-1px}.hero-copy>p{font-size:13px}.hero-art{height:295px;transform:scale(.58);margin:-30px 0 16px}.class-grid{grid-template-columns:repeat(2,1fr);gap:10px}.class-card{min-height:160px;padding:14px}.class-card strong{font-size:42px}.card-bottom{display:block;line-height:1.8;font-size:9px;padding-top:8px}.student-grid,.report-grid{grid-template-columns:1fr}.section-heading{align-items:start}.stage-indicator{font-size:9px}.quiz-card{padding:21px 16px}.quiz-top span:last-child{display:none}.answer-option{font-size:12px}.result-card{padding:28px 17px}.admin-main{padding:52px 0}.admin-panel{padding:21px}.login-row{flex-direction:column}footer{font-size:9px;min-height:65px;flex-wrap:wrap;padding:16px 0;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.public-main{width:100%;max-width:760px;margin:0 auto;padding:68px 0 100px}.public-heading{text-align:center;margin-bottom:30px}.public-heading h1{font-size:clamp(32px,4.4vw,53px);line-height:1.6;margin:13px 0 3px;font-weight:900}.public-heading h1 span{color:var(--accent)}.public-heading p{color:var(--muted);font-size:14px;margin:0;line-height:2}.public-panel{background:var(--surface);border:1px solid var(--border);border-radius:23px;padding:clamp(24px,4vw,42px);box-shadow:0 20px 48px var(--shadow)}.public-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:27px}.mini-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:15px;background:var(--surface-soft);font-size:27px}.public-panel-head h2{font-size:20px;margin:0 0 2px}.public-panel-head p{font-size:12px;color:var(--muted);margin:0}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:25px}.name-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.name-fields input{width:100%;border:1px solid var(--border);background:var(--input);color:var(--text);outline:0;padding:13px 15px;border-radius:11px;font-size:14px}.name-fields input:focus{border-color:var(--accent)}.name-fields input::placeholder{color:var(--muted)}.public-footnote{border-top:1px solid var(--border);margin-top:30px;padding-top:18px;color:var(--muted);font-size:11px}.public-panel .progress-track{margin-bottom:26px}.public-panel h2#public-question-title{font-size:clamp(21px,2.7vw,29px);line-height:1.8;margin:0;font-weight:900}.public-panel .option-list{max-height:490px;overflow-y:auto;scrollbar-color:var(--accent) var(--input);padding-inline-end:3px}.public-panel .answer-option{min-height:57px}.public-panel .quiz-actions{margin-top:24px}.share-panel{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.share-panel>p:first-child{font-size:12px;color:var(--muted);margin:0 0 14px}.share-panel .result-actions{gap:9px}.share-panel .primary-button{font-size:12px;padding:11px 17px}.share-status{min-height:20px;font-size:11px;color:var(--accent);margin:12px 0 0}.replay-button{margin-top:6px}.teacher-entry{margin:0 0 14px}.admin-subtitle{font-size:18px;margin:25px 0 14px}.logs-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;border-top:1px solid var(--border);padding-top:12px}.logs-heading p{margin:-10px 0 12px}.attempt-list{display:grid;gap:9px}.attempt-item{border:1px solid var(--border);background:var(--input);border-radius:11px;padding:12px 16px}.attempt-item summary{display:flex;gap:15px;align-items:center;cursor:pointer;list-style:none}.attempt-item summary::-webkit-details-marker{display:none}.attempt-item summary:before{content:'⌄';color:var(--accent);font-size:19px}.attempt-item summary strong{font-size:13px}.attempt-item summary span{font-size:11px;color:var(--accent);margin-inline-start:auto}.attempt-item summary small{font-size:10px;color:var(--muted)}.attempt-item ol{text-align:right;margin:12px 0 0;padding:12px 24px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:2.3}
@media(max-width:600px){.public-main{padding:48px 0 75px}.public-heading p{font-size:12px}.public-panel-head{align-items:start}.public-panel-head h2{font-size:17px}.name-fields{grid-template-columns:1fr}.logs-heading{align-items:start;flex-direction:column;margin-bottom:13px}.attempt-item summary{flex-wrap:wrap;gap:5px 10px}.attempt-item summary small{width:100%;padding-right:23px}}
.phone-field{grid-column:1/-1}.phone-field input{direction:ltr;text-align:right}.phone-field small{font-size:10px;color:var(--muted);font-weight:400}
.account-panel{margin-top:18px}.account-form{display:flex;flex-direction:column;align-items:stretch;max-width:540px;gap:8px}.account-form label{display:block;font-size:12px;font-weight:700;margin:9px 0 0}.account-form input{width:100%;padding:11px 14px;background:var(--input);border:1px solid var(--border);border-radius:10px;color:var(--text);outline:0}.account-form input:focus{border-color:var(--accent)}.account-form .primary-button{align-self:flex-start;margin-top:14px}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-fields input{margin-top:8px}.admin-quick-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 19px}.admin-quick-links .primary-button{margin:0}.teacher-list{display:grid;gap:8px;margin-top:17px}.teacher-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--border);background:var(--input);border-radius:11px;font-size:12px}.teacher-item span{color:var(--muted);direction:ltr}.teacher-item small{margin-inline-start:auto;color:var(--accent);font-size:11px}.form-success{color:var(--accent)!important;font-size:12px;margin-top:13px}@media(max-width:600px){.account-fields{grid-template-columns:1fr}.teacher-item{flex-wrap:wrap}.teacher-item small{width:100%;margin:0}}
.brand-mark{background:none;border-radius:0;box-shadow:none;overflow:visible}.brand-mark img{display:block;width:100%;height:100%;filter:drop-shadow(0 7px 12px var(--glow))}.brand>span:last-child{direction:ltr;text-align:left}.brand small{direction:rtl;text-align:left}
footer a{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:3px}footer a:hover{color:var(--pink)}