:root {
  --ink: #211c3d;
  --muted: #716d86;
  --line: #e9e6f3;
  --paper: #ffffff;
  --bg: #f7f6fc;
  --violet: #6554e8;
  --violet-dark: #4d3ed0;
  --shadow: 0 18px 50px rgba(61, 46, 120, .09);
  color-scheme: light;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); min-height: 100vh; font-size: 16px; line-height: 1.75; }
button, input { font: inherit; }
button { cursor: pointer; }

.decor { position: fixed; border-radius: 50%; filter: blur(3px); z-index: -1; opacity: .65; }
.decor-a { width: 420px; height: 420px; background: #e5dcff; top: -190px; right: -100px; }
.decor-b { width: 340px; height: 340px; background: #d9f8ed; bottom: -180px; left: -100px; }

.topbar { max-width: 1220px; margin: 0 auto; height: 88px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; }
.brand-mark { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; color: #fff; font-size: 24px; font-weight: 900; background: linear-gradient(145deg, #7968f6, #5542d8); box-shadow: 0 10px 24px #6554e84d; transform: rotate(4deg); }
.brand > span:last-child { display: grid; gap: 3px; }
.brand strong { font-size: 16px; }
.brand small { color: var(--muted); font-size: 11px; }
.privacy-badge { display: inline-flex; gap: 8px; align-items: center; padding: 9px 13px; border-radius: 99px; background: #fff; color: #3f755f; font-size: 12px; border: 1px solid #dceee6; box-shadow: 0 5px 18px rgba(53, 110, 86, .06); }
.privacy-badge i { width: 8px; height: 8px; background: #27b477; border-radius: 50%; box-shadow: 0 0 0 4px #27b4771c; }
.learning-nav { max-width:1220px; margin:-8px auto 18px; padding:0 24px; display:flex; gap:8px; overflow:auto; white-space:nowrap; }
.learning-nav a { padding:9px 15px; border-radius:12px; color:#5b5470; text-decoration:none; font-size:14px; font-weight:800; }
.learning-nav a.active { background:#fff0f4; color:#d84169; }

main { max-width: 1220px; margin: 0 auto; padding: 0 24px 70px; }
section { margin-bottom: 26px; }
.overview, .planner, .learning-map { scroll-margin-top: 20px; }
.welcome-card, .planner, .learning-map { background: rgba(255,255,255,.94); border: 1px solid rgba(231,227,245,.92); box-shadow: var(--shadow); border-radius: 28px; }
.persian-course { scroll-margin-top:18px; padding:34px; background:#fff; border:1px solid #f0dfe6; border-radius:28px; box-shadow:var(--shadow); }
.course-path { margin-bottom:14px; color:#a05f76; font-size:13px; font-weight:800; }
.course-hero { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.course-hero h2 { margin:12px 0 2px; font-size:30px; }
.course-hero p { margin:0; color:var(--muted); }
.lesson-progress { min-width:125px; padding:13px 16px; display:grid; text-align:center; border-radius:18px; background:#fff0f4; color:#cf3f68; }
.lesson-progress strong { font-size:25px; }.lesson-progress span { font-size:12px; font-weight:800; }
.lesson-steps { margin:24px 0 18px; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.lesson-step { padding:11px 8px; border:1px solid #eadfe4; border-radius:13px; background:#fff; color:#635767; font-size:13px; font-weight:800; }
.lesson-step.active { border-color:#df5076; background:#df5076; color:#fff; }
.lesson-panel { display:none; min-height:310px; padding:24px; border:1px solid var(--line); border-radius:19px; background:#fdfcfe; }
.lesson-panel.active { display:block; animation:panelIn .2s ease; }
@keyframes panelIn { from{opacity:.35;transform:translateY(4px)} to{opacity:1;transform:none} }
.lesson-panel h3 { margin:0 0 15px; font-size:21px; }.panel-intro { color:#554c64; }
.reading-card { margin-top:18px; padding:17px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:16px; border-radius:16px; background:#fff7f9; border:1px solid #f4dbe3; }
.reading-card p { margin:3px 0 0; }.audio-button { border:0; border-radius:13px; padding:12px 15px; background:#dd4e75; color:#fff; font-weight:900; }
.book-audio-card { margin-top:18px; padding:18px; border-radius:18px; background:#fff7f9; border:1px solid #f1d7df; }
.audio-head { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:12px; }.audio-head p{margin:3px 0 0;color:#6b6170}.audio-head span{padding:7px 11px;border-radius:99px;background:#df5076;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.book-audio-card audio { width:100%; display:block; }
.persian-browser{margin:18px 0}.lesson-picker-label{display:block;font-weight:900;margin-bottom:8px}.lesson-picker{width:100%;padding:13px 15px;border:1px solid #dccfd5;border-radius:14px;background:#fff;font:inherit;color:#302b34}.persian-syllabus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;max-height:360px;overflow:auto;padding:4px}.persian-syllabus>div{padding:13px;border:1px solid #eadde2;border-radius:15px;background:#fffafb}.persian-syllabus b{display:block;margin-bottom:8px;color:#8e3151}.persian-syllabus button{display:block;width:100%;border:0;background:transparent;text-align:right;padding:8px;border-radius:9px;font:inherit;color:#514852;cursor:pointer}.persian-syllabus button:hover,.persian-syllabus button.active{background:#f5dfe7;color:#7d2545;font-weight:900}.audio-unavailable{padding:14px;border-radius:13px;background:#f3f1f4;color:#625966;font-weight:800;margin-bottom:12px}
.page-sync { margin:13px 0 10px; display:flex; gap:7px; }.page-chip{padding:8px 13px;border:1px solid #ead6dd;border-radius:11px;background:#fff;color:#685961;font-weight:800}.page-chip.active{background:#df5076;border-color:#df5076;color:#fff;box-shadow:0 5px 14px #df507633}
.book-page { width:100%; height:680px; border:1px solid #e5dfe7; border-radius:14px; background:#fff; }.open-book{display:inline-block;margin-top:9px;color:#b6375b;font-weight:800;font-size:13px}
.exam-note { margin-top:16px; padding:14px 17px; border-right:4px solid #e05278; border-radius:12px; background:#fff; }.exam-note b { color:#c93d65; }.exam-note p { margin:4px 0 0; }
.word-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.word-grid div { padding:14px; display:grid; border:1px solid #eadfe4; border-radius:14px; background:#fff; }.word-grid b { color:#c73e65; }.word-grid span { color:#5c5566; }
.concept-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.concept-list article { padding:17px; border-radius:15px; background:#fff; border:1px solid #e9e5ee; }.concept-list b { color:#ca3e65; }.concept-list p { margin:6px 0 0; }
.question { margin:11px 0; padding:16px; border:1px solid #e7e2eb; border-radius:15px; background:#fff; }.question p { margin:0 0 10px; font-weight:900; }.question button { display:block; width:100%; margin:6px 0; padding:9px 12px; border:1px solid #e3dfe8; border-radius:10px; background:#fff; text-align:right; }.question button.correct { background:#e9f8f1; border-color:#68bf99; color:#257655; }.question button.wrong { background:#fff0f3; border-color:#e796aa; color:#a9445e; }.answer { display:block; margin-top:8px; font-size:13px; font-weight:800; }
.final-check { padding-right:22px; }.final-check li { margin:8px 0; }.finish-lesson { padding:12px 20px; border:0; border-radius:13px; background:#df5076; color:#fff; font-weight:900; }.finish-lesson.done { background:#2f9b70; }
@media (max-width:760px) { .persian-course{padding:20px 12px;border-radius:22px}.course-hero{align-items:flex-start}.lesson-steps{display:flex;overflow:auto}.lesson-step{min-width:135px}.lesson-panel{padding:17px}.reading-card{grid-template-columns:1fr}.word-grid,.concept-list{grid-template-columns:1fr}.course-hero h2{font-size:24px}.lesson-progress{min-width:90px}.audio-head{align-items:flex-start}.book-page{height:560px}.persian-syllabus{grid-template-columns:1fr;max-height:280px} }

.welcome-card { min-height: 274px; padding: 38px 44px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; position: relative; }
.welcome-card::after { content: ""; position: absolute; width: 310px; height: 310px; border-radius: 45% 55% 65% 35%; background: linear-gradient(145deg, #f0edff, #e3f9f2); left: -90px; top: -90px; transform: rotate(15deg); }
.welcome-card > * { position: relative; z-index: 1; }
.eyebrow { display: inline-flex; color: var(--violet); background: #eeebff; border-radius: 99px; padding: 7px 11px; font-weight: 800; font-size: 11px; letter-spacing: -.2px; }
.welcome-card h1 { margin: 14px 0 8px; font-size: clamp(28px, 4vw, 46px); letter-spacing: -1.8px; }
.welcome-card h1 span { display: inline-block; transform: rotate(-8deg); }
.welcome-card p { color: var(--muted); margin: 0; font-size: 14px; }
.mini-stats { display: flex; gap: 8px; margin-top: 28px; }
.mini-stats > div { min-width: 114px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; display: grid; gap: 3px; background: #fff; }
.mini-stats b { font-size: 20px; }
.mini-stats span { color: var(--muted); font-size: 10px; }

.ring-wrap { width: 190px; text-align: center; display: grid; justify-items: center; }
.progress-ring { --progress: 0deg; width: 130px; height: 130px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--violet) var(--progress), #ece9f7 0); position: relative; box-shadow: inset 0 0 0 1px #fff; }
.progress-ring::after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: #fff; }
.progress-ring span { z-index: 1; font-size: 27px; font-weight: 900; color: var(--violet-dark); }
.ring-wrap > small { margin-top: 9px; font-weight: 800; }
.ring-wrap > p { font-size: 10px; margin-top: 5px; }
.ring-wrap > p b { margin: 0 3px; }

.week-toolbar { margin: 13px 0 0; padding: 12px 14px; min-height: 72px; display: flex; gap: 9px; align-items: center; background: rgba(255,255,255,.85); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 9px 30px rgba(53, 39, 110, .05); }
.icon-button { width: 41px; height: 41px; border-radius: 12px; background: #f3f1fa; color: var(--ink); border: 0; font-size: 27px; line-height: 1; }
.icon-button:hover { background: #e9e5fa; }
.week-title { display: grid; min-width: 210px; gap: 3px; }
.week-title span { font-size: 10px; color: var(--muted); }
.week-title strong { font-size: 13px; }
.toolbar-spacer { flex: 1; }
.date-control { height: 44px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.date-control input { color: var(--ink); border: 0; outline: 0; background: transparent; font-size: 11px; }
.soft-button, .primary-button { border: 0; border-radius: 12px; min-height: 44px; padding: 0 17px; font-weight: 800; font-size: 11px; }
.soft-button { background: #eeebff; color: var(--violet-dark); }
.primary-button { background: var(--violet); color: #fff; box-shadow: 0 9px 22px #6554e83d; }
.primary-button:hover { background: var(--violet-dark); }

.planner { padding: 18px 24px 28px; }
.day-tabs { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.day-tab { min-width: 0; border: 0; color: var(--muted); background: transparent; border-radius: 16px; padding: 10px 6px; display: grid; justify-items: center; gap: 4px; transition: .2s ease; }
.day-tab:hover { background: #f6f4fd; }
.day-tab span { font-size: 10px; }
.day-tab strong { font-size: 19px; color: var(--ink); }
.day-tab small { color: #9993ae; font-size: 9px; }
.day-tab.active { background: var(--violet); color: #fff; box-shadow: 0 10px 25px #6554e842; }
.day-tab.active strong, .day-tab.active small { color: #fff; }
.day-tab.friday:not(.active) { background: #f4fbf8; color: #3f8a6d; }

.planner-heading { padding: 25px 3px 17px; display: flex; justify-content: space-between; gap: 25px; align-items: end; }
.planner-heading h2, .section-title h2, .curriculum-head h2 { margin: 8px 0 4px; font-size: 23px; letter-spacing: -.7px; }
.planner-heading p, .section-title p, .curriculum-head p { margin: 0; color: var(--muted); font-size: 11px; }
.routine { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 9px; white-space: nowrap; padding: 10px 13px; background: #f8f7fc; border: 1px solid var(--line); border-radius: 99px; }
.routine span { color: var(--ink); font-weight: 900; }
.routine i { width: 4px; height: 4px; border-radius: 50%; background: #bdb7cf; }

.backlog { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 13px 14px; border: 1px solid #f3de9a; background: #fffaf0; border-radius: 16px; }
.backlog > span { width: 39px; height: 39px; border-radius: 12px; background: #fff0be; display: grid; place-items: center; }
.backlog div { flex: 1; }
.backlog strong { font-size: 11px; }
.backlog p { margin: 3px 0 0; color: #847352; font-size: 9px; }
.backlog button { border: 0; background: #2e294e; color: #fff; border-radius: 10px; padding: 9px 12px; font-size: 9px; font-weight: 800; }

.task-list { display: grid; gap: 10px; }
.task-card { --course: #6554e8; min-height: 105px; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 13px; padding: 14px 15px; border-radius: 19px; background: #fff; border: 1px solid var(--line); position: relative; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.task-card::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 5px; background: var(--course); }
.task-card:hover { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(43, 33, 91, .07); }
.task-card.done { background: #f8fbf9; opacity: .75; }
.task-card.done h3 { text-decoration: line-through; color: #777289; }
.task-card.overdue { border-color: #f4c9c6; background: #fffafa; }
.check-wrap { width: 42px; height: 42px; cursor: pointer; }
.check-wrap input { position: absolute; opacity: 0; }
.custom-check { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; border: 2px solid #ddd8ec; color: transparent; font-weight: 900; font-size: 20px; transition: .2s; }
.check-wrap input:checked + .custom-check { background: var(--course); color: #fff; border-color: var(--course); transform: rotate(-4deg); }
.task-main { min-width: 0; }
.task-topline { display: flex; align-items: center; gap: 10px; }
.subject-pill { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 8px; background: color-mix(in srgb, var(--course) 10%, white); color: var(--course); font-size: 9px; font-weight: 900; }
.task-topline time { font-size: 9px; color: var(--muted); }
.task-main h3 { margin: 8px 0 4px; font-size: 14px; }
.task-main p { margin: 0; font-size: 9px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.task-main p span { margin: 0 4px; color: #c0bacf; }
.moved-note { display: inline-block; margin-top: 7px; padding: 4px 7px; color: #8b6410; background: #fff3cd; border-radius: 6px; font-size: 8px; }
.move-btn { border: 0; background: #f2f0f8; color: #5d5871; padding: 8px 10px; border-radius: 9px; font-size: 9px; font-weight: 800; }
.move-btn:hover { color: var(--violet-dark); background: #eae6ff; }
.empty-state { padding: 35px; text-align: center; border: 1px dashed #d9d4e6; border-radius: 15px; color: var(--muted); font-size: 11px; }

.learning-map { padding: 32px 27px; }
.section-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 17px; }
.progress-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.progress-card { border: 1px solid var(--line); border-radius: 16px; padding: 13px; background: #fff; }
.progress-card-head { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; }
.course-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; }
.progress-card strong { font-size: 10px; }
.progress-card b { font-size: 12px; }
.bar { height: 7px; margin: 11px 0 7px; overflow: hidden; background: #eeeaf5; border-radius: 99px; }
.bar span { display: block; height: 100%; border-radius: inherit; transition: width .35s ease; }
.progress-card small { color: var(--muted); font-size: 8px; }

.curriculum-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line); }
.search-box { min-width: 255px; height: 44px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: #faf9fd; border-radius: 12px; padding: 0 12px; }
.search-box span { font-size: 22px; color: var(--muted); }
.search-box input { border: 0; outline: 0; background: transparent; width: 100%; font-size: 10px; }
.curriculum-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 17px; align-items: start; }
.course-details { border: 1px solid var(--line); border-radius: 14px; background: #fff; overflow: hidden; }
.course-details summary { min-height: 56px; list-style: none; display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 9px; cursor: pointer; padding: 9px 12px; }
.course-details summary::-webkit-details-marker { display: none; }
.course-details summary span { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; }
.course-details summary strong { font-size: 10px; }
.course-details summary small { color: var(--muted); font-size: 8px; }
.course-details[open] summary { border-bottom: 1px solid var(--line); background: #fbfaff; }
.unit-list { padding: 4px 13px 12px; max-height: 320px; overflow: auto; }
.unit-list > div { padding: 10px 0; border-bottom: 1px dashed #ece9f4; }
.unit-list > div:last-child { border: 0; }
.unit-list b { font-size: 9px; }
.unit-list p { color: var(--muted); margin: 5px 0 0; font-size: 8px; line-height: 1.9; }
.source-note { color: #89849a; font-size: 8px; line-height: 1.9; margin: 18px 2px 0; }

.move-dialog { width: min(420px, calc(100% - 30px)); padding: 0; border: 0; border-radius: 23px; box-shadow: 0 30px 90px rgba(27, 19, 66, .25); }
.move-dialog::backdrop { background: rgba(29, 23, 57, .5); backdrop-filter: blur(4px); }
.move-dialog form { padding: 28px; text-align: center; position: relative; }
.dialog-close { position: absolute; left: 16px; top: 14px; width: 32px; height: 32px; border: 0; border-radius: 9px; background: #f2f0f7; color: var(--muted); font-size: 20px; }
.dialog-icon { margin: 0 auto; width: 50px; height: 50px; display: grid; place-items: center; background: #eeebff; color: var(--violet); border-radius: 15px; font-size: 27px; }
.move-dialog h2 { margin: 14px 0 7px; }
.move-dialog p { color: var(--muted); font-size: 10px; min-height: 30px; }
.move-dialog label { display: grid; text-align: right; gap: 7px; margin: 18px 0 10px; font-size: 10px; font-weight: 800; }
.move-dialog input { height: 45px; border: 1px solid var(--line); border-radius: 11px; padding: 0 12px; }
.full { width: 100%; }
.dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.dialog-actions button { min-height: 39px; border: 0; border-radius: 10px; background: #f3f1f8; color: #625c76; font-size: 9px; }

.toast { position: fixed; left: 50%; bottom: 24px; z-index: 20; transform: translate(-50%, 30px); opacity: 0; visibility: hidden; background: #29233f; color: #fff; border-radius: 12px; padding: 12px 18px; font-size: 10px; box-shadow: 0 12px 35px rgba(0,0,0,.2); transition: .25s ease; }
.toast.show { transform: translate(-50%, 0); opacity: 1; visibility: visible; }
.print-only { display: none; }

/* خوانایی فارسی در همه بخش‌های داشبورد */
.brand strong { font-size: 18px; }
.brand small, .privacy-badge { font-size: 14px; }
.eyebrow { font-size: 14px; }
.welcome-card p { font-size: 16px; }
.mini-stats span, .ring-wrap > p, .week-title span { font-size: 13px; }
.ring-wrap > small { font-size: 15px; }
.week-title strong { font-size: 16px; }
.date-control, .date-control input, .soft-button, .primary-button { font-size: 14px; }
.day-tab span { font-size: 14px; }
.day-tab small { font-size: 12px; }
.planner-heading p, .section-title p, .curriculum-head p { font-size: 14px; line-height: 1.8; }
.routine { font-size: 13px; }
.backlog strong { font-size: 15px; }
.backlog p, .backlog button { font-size: 13px; }
.subject-pill, .task-topline time { font-size: 13px; }
.task-main h3 { font-size: 18px; line-height: 1.6; }
.task-main p { font-size: 15px; line-height: 1.85; color: #51439a; font-weight: 600; }
.moved-note { font-size: 12px; }
.move-btn { font-size: 14px; }
.empty-state { font-size: 15px; }
.progress-card strong { font-size: 14px; }
.progress-card b { font-size: 15px; }
.progress-card small { font-size: 12px; }
.search-box input { font-size: 14px; }
.course-details summary strong { font-size: 14px; }
.course-details summary small { font-size: 12px; }
.unit-list b { font-size: 14px; }
.unit-list p { font-size: 15px; line-height: 2.05; color: #4939a9; font-weight: 600; }
.source-note { font-size: 12px; }
.move-dialog p, .move-dialog label { font-size: 14px; }
.dialog-actions button, .toast { font-size: 13px; }

@media (max-width: 860px) {
  .welcome-card { padding: 30px; }
  .progress-grid { grid-template-columns: repeat(2, 1fr); }
  .week-toolbar { flex-wrap: wrap; }
  .toolbar-spacer { display: none; }
  .date-control { margin-right: auto; }
  .routine { display: none; }
}

@media (max-width: 620px) {
  .topbar { height: 76px; padding: 0 15px; }
  .privacy-badge { font-size: 0; padding: 10px; }
  main { padding: 0 12px 45px; }
  .welcome-card { border-radius: 22px; padding: 25px 20px; min-height: auto; display: grid; gap: 25px; }
  .welcome-card::after { left: -180px; }
  .welcome-card h1 { font-size: 29px; }
  .mini-stats { gap: 5px; overflow-x: auto; margin-top: 22px; }
  .mini-stats > div { min-width: 102px; }
  .ring-wrap { width: 100%; grid-template-columns: auto 1fr; grid-template-rows: auto auto; text-align: right; justify-items: start; align-items: center; gap: 3px 16px; }
  .progress-ring { grid-row: 1 / span 2; width: 90px; height: 90px; }
  .progress-ring span { font-size: 20px; }
  .week-title { min-width: 150px; }
  .date-control { order: 5; width: 100%; justify-content: space-between; margin: 0; }
  .primary-button { flex: 1; }
  .planner { padding: 11px 11px 20px; border-radius: 22px; }
  .day-tabs { gap: 3px; overflow-x: auto; grid-template-columns: repeat(7, minmax(63px, 1fr)); }
  .day-tab { padding: 9px 4px; }
  .planner-heading { padding: 20px 4px 13px; }
  .planner-heading h2 { font-size: 20px; }
  .backlog { align-items: start; flex-wrap: wrap; }
  .backlog div { min-width: calc(100% - 55px); }
  .backlog button { margin-right: 51px; }
  .task-card { grid-template-columns: 42px 1fr; gap: 9px; padding: 13px 11px; }
  .move-btn { grid-column: 2; justify-self: start; }
  .task-main p { white-space: normal; line-height: 1.7; }
  .learning-map { padding: 25px 14px; border-radius: 22px; }
  .progress-grid, .curriculum-list { grid-template-columns: 1fr; }
  .curriculum-head { display: grid; }
  .search-box { min-width: 0; width: 100%; }
}

@media print {
  @page { size: A4 landscape; margin: 7mm; }
  * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
  body { background: #fff; }
  body > *:not(.print-only) { display: none !important; }
  .print-only { display: block; direction: rtl; color: #302b46; font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
  .print-shell { width: 283mm; height: 196mm; padding: 4mm; border: 1.5px solid #e2dff2; border-radius: 6mm; background: linear-gradient(145deg, #fff 0%, #fbf9ff 62%, #fff5f9 100%); position: relative; overflow: hidden; }
  .print-shell::before, .print-shell::after { content: ""; position: absolute; border-radius: 50%; opacity: .45; z-index: 0; }
  .print-shell::before { width: 48mm; height: 48mm; top: -27mm; right: -13mm; background: #eadfff; }
  .print-shell::after { width: 38mm; height: 38mm; bottom: -22mm; left: -10mm; background: #ffdcea; }
  .print-shell > * { position: relative; z-index: 1; }
  .print-hero { height: 22mm; display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0 4mm 2mm; border-bottom: 1px solid #e7e2f2; position: relative; }
  .print-brand { display: flex; align-items: center; gap: 3mm; }
  .print-monogram { width: 14mm; height: 14mm; display: grid; place-items: center; border-radius: 4.5mm; color: #fff; font-size: 18pt; font-weight: 900; background: linear-gradient(145deg, #8f72e8, #f078a5); box-shadow: 0 2mm 5mm #866bd12b; transform: rotate(4deg); }
  .print-brand small { color: #806bb7; font-weight: 700; font-size: 8pt; }
  .print-brand h1 { margin: .5mm 0; color: #3b3158; font-size: 18pt; }
  .print-brand p { margin: 0; color: #8a8498; font-size: 7.5pt; }
  .print-date { min-width: 58mm; padding: 3mm 5mm; text-align: center; border: 1px solid #e4dcf5; border-radius: 4mm; background: #fff; }
  .print-date span { display: block; margin-bottom: 1mm; color: #9b91ac; font-size: 7.5pt; }
  .print-date strong { font-size: 9pt; }
  .print-stars { position: absolute; left: 70mm; top: 1mm; color: #efa7bf; font-size: 11pt; letter-spacing: 2mm; }
  .print-summary { height: 22mm; margin: 2.5mm 0; display: grid; grid-template-columns: 48mm 31mm 31mm 1fr; gap: 2.5mm; }
  .print-score, .print-stat, .print-summary blockquote { margin: 0; border-radius: 4mm; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e8e3f1; }
  .print-score { display: grid; grid-template-columns: auto 1fr; align-content: center; gap: 0 2.5mm; padding: 2.5mm 4mm; }
  .print-score strong { grid-row: 1 / span 2; color: #7459d8; font-size: 18pt; }
  .print-score span { color: #6e687d; font-size: 8pt; }
  .print-score i { height: 2mm; border-radius: 5mm; background: linear-gradient(to left, #8b70e4 var(--week-progress), #ede9f5 var(--week-progress)); }
  .print-stat { flex-direction: column; gap: 1mm; }
  .print-stat b { font-size: 15pt; }
  .print-stat span { color: #756f82; font-size: 7.5pt; }
  .done-stat { background: #edfbf5; border-color: #cdeee0; color: #26936a; }
  .pending-stat { background: #fff5f7; border-color: #f5dbe3; color: #d45e7f; }
  .print-summary blockquote { padding: 3mm 6mm; color: #735e87; background: #faf5ff; border-style: dashed; font-size: 9pt; font-weight: 700; text-align: center; }
  .print-grid { height: 106mm; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 59mm 44mm; gap: 2.5mm; align-items: stretch; }
  .print-day { min-height: 0; margin: 0; padding: 2.5mm 3mm; border: 1px solid color-mix(in srgb, var(--day-color) 34%, white); border-radius: 4.5mm; background: #fff; break-inside: avoid; box-shadow: inset 0 1.2mm 0 var(--day-color); overflow: hidden; }
  .print-day h2 { margin: 0 0 1mm; padding: 1.2mm 0 1.5mm; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 2mm; border-bottom: 1px dashed #e7e2ec; color: var(--day-color); font-size: 10pt; }
  .print-day h2 small { color: #706a78; font-size: 7.5pt; font-weight: 500; }
  .print-day h2 em { padding: .8mm 1.5mm; border-radius: 5mm; background: color-mix(in srgb, var(--day-color) 12%, white); color: var(--day-color); font-size: 7pt; font-style: normal; }
  .print-task { display: grid; grid-template-columns: 5mm 1fr; gap: 1.5mm; padding: 1.45mm 0; border-bottom: 1px dotted #e7e2eb; }
  .print-task:last-child { border: 0; }
  .print-task > i { width: 4.2mm; height: 4.2mm; display: grid; place-items: center; border: 1px solid #cfc8da; border-radius: 1.2mm; color: #fff; font-size: 7pt; font-style: normal; }
  .print-task.is-done > i { border-color: var(--day-color); background: var(--day-color); }
  .print-task > div { min-width: 0; display: grid; grid-template-columns: 1fr auto; gap: .5mm 1.5mm; }
  .print-task b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 7.5pt; line-height: 1.25; }
  .print-task time { color: #706a78; font-size: 6.5pt; }
  .print-task span { grid-column: 1 / -1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #514b5d; font-size: 6.7pt; line-height: 1.3; }
  .print-footer { height: 20mm; margin-top: 2.5mm; padding: 2.5mm 4mm; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 6mm; border-radius: 4mm; border: 1px solid #e6e0f0; background: rgba(255,255,255,.88); }
  .print-footer > div:first-child { display: grid; grid-template-columns: auto 1fr; gap: 1.5mm 2mm; }
  .print-footer strong { color: #6f58b6; font-size: 8pt; }
  .print-footer > div:first-child span { border-bottom: 1px dotted #bfb7ca; }
  .print-footer > div:first-child span:last-child { grid-column: 1 / -1; }
  .print-footer p { margin: 0; color: #c2537b; font-size: 8pt; font-weight: 700; text-align: center; line-height: 1.7; }
  .print-sign { display: grid; grid-template-columns: auto 1fr; gap: 3mm 2mm; align-items: end; color: #625c6c; font-size: 7.5pt; }
  .print-sign i { height: 4mm; border-bottom: 1px dotted #aaa2b5; }
}

/* خانه و معماری تازه سایت نیلا */
:root { --rose:#f06f9b; --mint:#56c5a2; --sun:#f6bd60; --navy:#282244; }
body { background:linear-gradient(180deg,#fbfaff 0,#f6f3fc 42%,#f4f9f7 100%); }
section { scroll-margin-top:24px; }
.main-nav { display:flex; align-items:center; gap:6px; padding:5px; border:1px solid rgba(225,220,241,.9); background:rgba(255,255,255,.78); backdrop-filter:blur(15px); border-radius:16px; }
.main-nav a { padding:8px 15px; border-radius:11px; color:#5d5672; text-decoration:none; font-size:14px; font-weight:900; }
.main-nav a:hover,.main-nav a.active { color:#5a43c7; background:#eee9ff; }
.home-hero { min-height:580px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:52px; padding:56px 62px; overflow:hidden; position:relative; border:1px solid rgba(230,224,245,.9); border-radius:38px; background:radial-gradient(circle at 88% 18%,#e2faef 0,transparent 34%),radial-gradient(circle at 15% 90%,#ffe6ef 0,transparent 34%),#fff; box-shadow:0 30px 80px rgba(62,45,118,.11); }
.home-hero::before { content:"✦"; position:absolute; top:34px; right:45%; color:#f1a8c0; font-size:30px; transform:rotate(14deg); }
.hero-copy { position:relative; z-index:2; }
.hero-copy h1 { margin:20px 0 15px; font-size:clamp(38px,5vw,66px); line-height:1.25; letter-spacing:-2.5px; }
.hero-copy h1 em { color:#6a50d5; font-style:normal; background:linear-gradient(100deg,#6a50d5,#d65385); -webkit-background-clip:text; color:transparent; }
.hero-copy>p { max-width:590px; margin:0; color:#6c667c; font-size:18px; line-height:2; }
.hero-actions { display:flex; gap:10px; margin-top:28px; }
.primary-link,.ghost-link { min-height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 21px; border-radius:15px; text-decoration:none; font-weight:900; }
.primary-link { color:#fff; background:linear-gradient(135deg,#7159df,#5d43cd); box-shadow:0 14px 28px #6951d538; }
.ghost-link { color:#544c69; border:1px solid #e3def0; background:#fff; }
.hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.hero-tags span { padding:7px 11px; color:#6f6583; border-radius:99px; background:#f6f3fb; font-size:13px; font-weight:800; }
.nila-portrait { width:min(430px,100%); aspect-ratio:.82; margin:0 auto; position:relative; display:flex; align-items:end; justify-content:center; }
.nila-portrait::before { content:""; position:absolute; inset:7% 4% 11%; border-radius:46% 46% 34% 34%; background:linear-gradient(160deg,#dff7ed,#eee7ff 58%,#ffe2eb); transform:rotate(3deg); }
.portrait-glow { position:absolute; width:78%; aspect-ratio:1; top:6%; border:1px dashed #fff; border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.25); }
.nila-portrait img { width:88%; height:91%; z-index:1; object-fit:cover; object-position:center 20%; border-radius:48% 48% 29% 29%; border:8px solid rgba(255,255,255,.92); box-shadow:0 24px 50px rgba(40,34,68,.18); }
.nila-portrait figcaption { position:absolute; z-index:2; bottom:4%; right:0; display:grid; gap:1px; padding:13px 20px; border:1px solid rgba(255,255,255,.9); border-radius:18px; background:rgba(255,255,255,.86); backdrop-filter:blur(14px); box-shadow:0 12px 30px rgba(56,44,93,.15); }
.nila-portrait figcaption strong { font-size:17px; }.nila-portrait figcaption span{font-size:12px;color:#81788f}
.education-hub,.school-education,.planning-shell,.about-card { padding:48px; border:1px solid rgba(230,225,242,.95); border-radius:32px; background:rgba(255,255,255,.93); box-shadow:var(--shadow); }
.education-hub { text-align:center; }.section-kicker{display:inline-block;padding:7px 13px;color:#fff;background:#6e56d8;border-radius:99px;font-weight:900;font-size:13px}.education-hub>h2{margin:14px 0 5px;font-size:32px}.section-lead{margin:0 auto;color:var(--muted);font-size:16px}
.education-choices { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px; text-align:right; }
.choice-card { min-height:180px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; padding:28px; overflow:hidden; position:relative; border-radius:24px; text-decoration:none; color:var(--navy); transition:.22s ease; }
.choice-card:hover { transform:translateY(-4px); box-shadow:0 20px 35px rgba(59,44,110,.12); }
.lessons-choice { background:linear-gradient(135deg,#f0ebff,#fbf9ff); border:1px solid #ddd3ff; }.planner-choice{background:linear-gradient(135deg,#e8f9f3,#f8fffc);border:1px solid #ccecdf}
.choice-icon { width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#fff;font-size:32px;box-shadow:0 10px 25px rgba(50,39,88,.1)}.choice-card small{color:#837a97;font-weight:800}.choice-card h3{margin:3px 0;font-size:25px}.choice-card p{margin:0;color:#716a80;font-size:14px}.choice-card>b{align-self:end;color:#6b53d5;font-size:13px}
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:25px; }.section-heading h2{margin:10px 0 4px;font-size:30px}.section-heading p{margin:0;color:var(--muted)}
.book-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.book-card { --book-color:#6554e8; overflow:hidden; border:1px solid #e8e3f1; border-radius:21px; background:#fff; box-shadow:0 8px 23px rgba(46,34,90,.045); }
.book-card summary { min-height:100px; display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:14px; padding:17px; cursor:pointer; list-style:none; border-right:5px solid var(--book-color); }.book-card summary::-webkit-details-marker{display:none}
.book-card[open] summary{background:color-mix(in srgb,var(--book-color) 6%,white);border-bottom:1px solid #ebe6f1}.book-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--book-color) 13%,white);font-size:28px}.book-name{display:grid}.book-name small,.book-name em{color:#91899f;font-size:11px;font-style:normal}.book-name strong{font-size:18px}.book-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f3f0f7;color:var(--book-color);font-size:20px}.book-card[open] .book-toggle{transform:rotate(45deg)}
.book-contents { padding:8px 18px 18px; max-height:610px; overflow:auto; }.book-contents article{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:15px 0;border-bottom:1px dashed #eae6ef}.unit-number{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--book-color);font-size:12px;font-weight:900}.book-contents h4{margin:2px 0 8px;font-size:15px}.topic-links{display:flex;flex-wrap:wrap;gap:6px}.topic-links button{padding:6px 9px;border:0;border-radius:9px;background:#f5f3f8;color:#5d5668;font-size:12px;line-height:1.6;text-align:right}.topic-links button:hover{background:color-mix(in srgb,var(--book-color) 14%,white);color:var(--book-color)}
.book-actions { display:flex;flex-wrap:wrap;gap:7px;padding-top:15px}.book-actions a,.book-actions button{padding:9px 12px;border:0;border-radius:10px;color:#fff;background:var(--book-color);text-decoration:none;font-size:12px;font-weight:900}.book-actions .open-in-plan{background:#2e294e}
.planning-shell{padding:38px}.planning-title{margin-bottom:18px}.compact-stats{display:flex;gap:8px}.compact-stats>div{min-width:80px;padding:10px;display:grid;text-align:center;border-radius:15px;background:#f6f3fb}.compact-stats b{font-size:20px}.compact-stats span{font-size:11px;color:#80788f}.compact-stats .mini-ring{--progress:0deg;width:70px;min-width:70px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6d55d8 var(--progress),#ebe7f3 0);position:relative}.mini-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.mini-ring span{position:relative;z-index:1;font-size:14px;font-weight:900;color:#5d46c5}
.planning-shell .planner,.planning-shell .learning-map{box-shadow:none;background:#fcfbfe}.about-card{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:30px;background:linear-gradient(135deg,#fff,#fff4f7)}.about-card h2{font-size:30px;margin:12px 0 5px}.about-card p{margin:0;color:#665e70;font-size:16px;line-height:2.1}.about-card img{width:150px;height:150px;object-fit:cover;object-position:center 20%;border-radius:50%;border:7px solid #fff;box-shadow:0 15px 30px #805b7430}

@media(max-width:900px){.main-nav{order:3;width:100%;justify-content:center}.topbar{height:auto;min-height:88px;flex-wrap:wrap;padding-block:14px}.home-hero{grid-template-columns:1fr;padding:42px}.nila-portrait{max-width:390px}.education-choices,.book-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading .search-box{width:100%}.compact-stats{width:100%;overflow:auto}.planning-title{align-items:start}}
@media(max-width:620px){main{padding:0 12px 45px}.privacy-badge{font-size:0}.main-nav{order:3}.home-hero{min-height:auto;padding:32px 20px;border-radius:26px;gap:28px}.hero-copy h1{font-size:37px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.nila-portrait{height:420px;aspect-ratio:auto}.education-hub,.school-education,.planning-shell,.about-card{padding:26px 14px;border-radius:24px}.education-hub>h2,.section-heading h2{font-size:26px}.choice-card{grid-template-columns:auto 1fr;min-height:160px;padding:20px}.choice-card>b{grid-column:2}.book-card summary{grid-template-columns:48px 1fr auto;padding:13px}.book-icon{width:46px;height:46px}.planning-shell .planner,.planning-shell .learning-map{padding-inline:10px}.planning-title{display:grid}.about-card{grid-template-columns:1fr;text-align:center}.about-card img{grid-row:1;margin:auto}}

.site-view[hidden] { display:none !important; }
.about-home { display:block; max-width:980px; margin:0 auto 26px; padding:48px 56px; background:linear-gradient(145deg,#fff 0%,#fff7fa 60%,#f5f1ff 100%); }
.about-home>div { max-width:none; }
.about-home h2 { margin-bottom:20px; }
.about-home p { margin:0 0 16px; font-size:17px; line-height:2.25; text-align:justify; }
.about-home p:last-child { margin-bottom:0; }
@media(max-width:620px){.about-home{padding:28px 20px;text-align:right}.about-home h2{font-size:27px;line-height:1.55}.about-home p{font-size:16px;line-height:2.15;text-align:right}}

.future-page { min-height:560px; display:grid; place-content:center; justify-items:center; text-align:center; padding:60px 24px; border:1px solid #e7e1f2; border-radius:34px; background:radial-gradient(circle at 50% 35%,#fff 0,#faf8ff 58%,#f2eefb 100%); box-shadow:var(--shadow); }
.future-page small { margin-top:18px; color:#7661ca; font-size:14px; font-weight:900; }
.future-page h1 { margin:4px 0; font-size:46px; }
.future-page p { margin:0; color:#6f687c; font-size:17px; }
.future-icon { width:96px; height:96px; display:grid; place-items:center; border-radius:30px; font-size:46px; box-shadow:0 16px 35px rgba(52,39,95,.12); }
.memories-icon{background:#ffe8f0;color:#342348}.travel-icon{background:#e0f7ff}.music-icon{background:#fff0d9;color:#332243}.sports-icon{background:#ddf8f1}
.coming-soon { margin-top:30px; padding:12px 18px; border:1px dashed #cfc5e6; border-radius:13px; color:#7b7288; background:rgba(255,255,255,.8); font-size:14px; }
.empty-lesson { min-height:270px; display:grid; place-content:center; justify-items:center; text-align:center; color:#756d7c; }
.empty-lesson span { font-size:48px; }.empty-lesson h3{margin:12px 0 4px;color:#342d3b}.empty-lesson p{margin:0}
@media(max-width:900px){.main-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:0 0 auto}}
@media(max-width:620px){.future-page{min-height:440px;border-radius:25px}.future-page h1{font-size:38px}}

/* هویت و منوی بالای سایت */
.topbar { max-width:1440px; min-height:104px; height:auto; gap:18px; }
.brand { flex:0 0 auto; }
.brand-logo { width:72px; height:68px; display:block; overflow:hidden; border-radius:19px; background:#050308; box-shadow:0 10px 28px rgba(76,33,153,.25),0 0 0 1px rgba(122,83,231,.14); }
.brand-logo img { width:100%; height:100%; object-fit:cover; transform:scale(1.18); }
.brand>span:last-child strong { font-size:17px; }.brand>span:last-child small{font-size:12px}
.main-nav { flex:1; justify-content:center; gap:4px; padding:7px; border:1px solid rgba(218,211,237,.9); border-radius:19px; background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,243,255,.88)); box-shadow:0 10px 28px rgba(52,39,95,.07),inset 0 1px 0 #fff; }
.main-nav a { position:relative; display:inline-flex; align-items:center; gap:6px; min-height:43px; padding:0 12px; border-radius:13px; color:#655d75; font-size:13px; transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease; }
.main-nav a::before { width:22px; height:22px; display:grid; place-items:center; border-radius:8px; background:#f1edf8; color:#6b54cf; font-size:12px; }
.main-nav a[href="#home"]::before{content:"⌂"}.main-nav a[href="#education"]::before{content:"▤"}.main-nav a[href="#memories"]::before{content:"✦"}.main-nav a[href="#travel"]::before{content:"⌖"}.main-nav a[href="#music"]::before{content:"♫"}.main-nav a[href="#sports"]::before{content:"●"}.main-nav a[href="#acting"]::before{content:"★"}.main-nav a[href="#about"]::before{content:"♡"}
.main-nav a:hover { color:#5139bd; background:#f1ecff; transform:translateY(-1px); }
.main-nav a.active { color:#fff; background:linear-gradient(135deg,#765de0,#5a3ec4); box-shadow:0 8px 18px rgba(91,63,197,.25); }
.main-nav a.active::before { color:#5f45c8; background:#fff; }
.privacy-badge { flex:0 0 auto; }
.acting-icon { background:linear-gradient(145deg,#efe4ff,#ffe7f1); color:#5c3c96; }
@media(max-width:1100px){.privacy-badge{display:none}.topbar{padding-inline:16px}.main-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:0 0 auto}}
@media(max-width:620px){.topbar{gap:10px}.brand{width:100%;justify-content:center}.brand-logo{width:66px;height:62px}.main-nav{width:100%;order:3}.main-nav a{min-height:41px;padding:0 11px}}

/* سربرگ شیشه‌ای و منوهای کادری */
.topbar {
  position:sticky; top:0; z-index:100; max-width:none; width:100%; min-height:124px;
  padding:14px max(18px,calc((100vw - 1460px)/2)); gap:20px;
  background:
    radial-gradient(circle at 12% 0%,rgba(71,211,205,.21),transparent 29%),
    radial-gradient(circle at 88% 10%,rgba(133,89,235,.22),transparent 31%),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(244,240,255,.96));
  backdrop-filter:blur(20px); border-bottom:1px solid rgba(115,83,194,.16);
  box-shadow:0 12px 34px rgba(53,35,104,.12);
}
.topbar::after { content:""; position:absolute; inset:auto 7% 0; height:2px; border-radius:99px; background:linear-gradient(90deg,transparent,#28c7c5,#7554df,transparent); opacity:.7; }
.brand { flex:0 0 auto; padding:8px 12px; border:1px solid rgba(112,79,190,.14); border-radius:23px; background:rgba(255,255,255,.72); box-shadow:0 8px 22px rgba(67,44,125,.08); }
.brand-logo { width:78px; height:74px; border-radius:21px; box-shadow:0 12px 30px rgba(68,34,139,.28),0 0 0 3px rgba(255,255,255,.9); }
.brand>span:last-child strong { font-size:21px; color:#2d214d; }
.brand>span:last-child small { font-size:14px; color:#695f7d; font-weight:700; }
.main-nav { min-width:0; flex:1; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; padding:9px; overflow:visible; border:1px solid rgba(112,79,190,.16); border-radius:24px; background:rgba(255,255,255,.58); box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(62,42,112,.08); }
.main-nav a { min-width:0; min-height:54px; padding:7px 8px; justify-content:center; white-space:nowrap; border:1px solid rgba(111,84,171,.14); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,244,255,.92)); color:#514664; font-size:15px; font-weight:900; box-shadow:0 5px 13px rgba(57,39,96,.07); }
.main-nav a:nth-child(3n+2) { background:linear-gradient(145deg,#fff,#f0fbfa); }
.main-nav a:nth-child(3n) { background:linear-gradient(145deg,#fff,#fff5f9); }
.main-nav a:hover { border-color:rgba(102,70,205,.35); color:#5133bd; background:#fff; box-shadow:0 9px 20px rgba(74,48,143,.15); transform:translateY(-2px); }
.main-nav a.active { border-color:transparent; color:#fff; background:linear-gradient(135deg,#8064ea,#5739bd); box-shadow:0 10px 22px rgba(91,63,197,.32); }
.main-nav a.active::before { color:#5f45c8; background:#fff; }
.privacy-badge { font-size:13px; font-weight:800; }
@media(max-width:1180px){
  .privacy-badge{display:none}.topbar{display:grid;grid-template-columns:auto 1fr;min-height:116px;padding:10px 14px}.brand{grid-column:1}.main-nav{grid-column:2;gap:5px;padding:7px}.main-nav a{min-height:48px;padding-inline:5px;font-size:13px}.main-nav a::before{display:none}
}
@media(max-width:760px){
  .topbar{grid-template-columns:1fr;min-height:auto;padding:9px 7px 11px;gap:8px}.brand{grid-column:1;justify-self:center;padding:5px 10px}.brand-logo{width:67px;height:63px}.brand>span:last-child strong{font-size:19px}.brand>span:last-child small{font-size:12px}.main-nav{grid-column:1;width:100%;gap:4px;padding:6px;overflow:visible}.main-nav a{min-height:43px;padding:4px 2px;font-size:12px;border-radius:11px}
}
@media(max-width:480px){
  .topbar{padding-inline:4px}.brand-logo{width:60px;height:57px}.brand>span:last-child strong{font-size:17px}.brand>span:last-child small{font-size:10px}.main-nav{gap:2px;padding:4px}.main-nav a{min-height:40px;padding-inline:1px;font-size:9.5px;border-radius:9px;letter-spacing:-.25px}
}

/* عنوان نوشتاری نیلا و تیتر کودکانه صفحه نخست */
.brand{min-width:260px;min-height:82px;justify-content:center;padding:5px 24px;border:0;background:transparent;box-shadow:none}
.brand-title{font-family:"Lalezar",Tahoma,sans-serif;font-size:clamp(38px,3.5vw,58px);line-height:1;font-weight:400;letter-spacing:.2px;color:#5c3ec5;text-shadow:0 4px 0 #fff,0 9px 22px rgba(84,52,177,.19);white-space:nowrap}
.hero-copy h1{max-width:650px;font-family:"Lalezar",Tahoma,sans-serif;font-size:clamp(30px,3.2vw,46px);line-height:1.55;font-weight:400;letter-spacing:0}
@media(max-width:1180px){.brand{min-width:220px;padding-inline:12px}.brand-title{font-size:42px}}
@media(max-width:760px){.brand{width:100%;min-height:64px;padding:3px 10px}.brand-title{font-size:48px}}
@media(max-width:480px){.brand{min-height:56px}.brand-title{font-size:42px}.hero-copy h1{font-size:29px;line-height:1.65;text-align:center}}