:root{--ink:#102033;--muted:#526070;--blue:#2563eb;--purple:#7c3aed;--green:#16a34a;--line:#e6edf7;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Rubik,Arial,sans-serif;direction:rtl;color:var(--ink);background:radial-gradient(circle at 12% 4%,#dbeafe,transparent 28%),radial-gradient(circle at 82% 0,#fef3c7,transparent 30%),linear-gradient(135deg,#f8fafc,#eef2ff);line-height:1.65}.shell{width:min(1080px,calc(100% - 30px));margin:0 auto}.top{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;gap:10px;align-items:center;font-weight:900;font-size:1.22rem;color:#0f172a;text-decoration:none}.mark{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#f9a8d4,#a78bfa);font-size:1.55rem}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;font-weight:900}.nav a{color:#334155;background:#fff;border:1px solid var(--line);padding:9px 14px}.account-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:20px;align-items:start;padding:22px 0 56px}.account-grid.compact{grid-template-columns:1fr 1fr}.hero-card,.panel{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 20px 60px rgba(15,23,42,.09)}.hero-card{background:radial-gradient(circle at 0 0,rgba(236,72,153,.13),transparent 34%),radial-gradient(circle at 90% 0,rgba(37,99,235,.12),transparent 36%),rgba(255,255,255,.96)}.eyebrow{display:inline-flex;border-radius:999px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;padding:7px 12px;font-weight:900;margin-bottom:14px}.hero-card h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 12px}.hero-card p,.hint{font-size:1.08rem;color:var(--muted);margin:0 0 16px}.benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.benefits span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px;font-weight:900;color:#334155}.panel h2{margin:0 0 8px;font-size:1.65rem}form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-weight:900}.field input{font:inherit;border:1px solid #cbd5e1;border-radius:15px;padding:13px 14px;background:#fff;outline:none}.field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{width:100%;padding-left:54px}.password-toggle{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:13px;background:#f1f5f9;color:#0f172a;cursor:pointer;display:grid;place-items:center}.password-toggle:hover{background:#e2e8f0}.password-toggle[aria-pressed="true"]{background:#dbeafe;color:#1d4ed8}.eye-icon{width:22px;height:22px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}.password-toggle[aria-pressed="true"] .eye-icon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.7 5.1A10.8 10.8 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-3.2 4.2'/%3E%3Cpath d='M6.6 6.6C3.6 8.6 2 12 2 12s3.5 7 10 7a10.7 10.7 0 0 0 5.4-1.5'/%3E%3Cpath d='M14.1 14.1A3 3 0 0 1 9.9 9.9'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E") center/contain no-repeat}.btn{border:0;cursor:pointer;padding:14px 20px;background:#0f172a;color:#fff;box-shadow:0 14px 30px rgba(15,23,42,.18)}.btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn.light{background:#fff;color:#0f172a;border:1px solid var(--line);box-shadow:none}.btn.green{background:var(--green)}.btn[disabled]{opacity:.7;cursor:not-allowed}.switch-line{margin:14px 0 0;color:var(--muted);font-weight:800}.switch-line a{color:#2563eb;font-weight:900}.choice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.message{min-height:24px;font-weight:900;margin-top:10px}.message.error{color:var(--danger)}.message.ok{color:#166534}.dashboard{display:none}.dashboard.active{display:block}.status{display:inline-flex;border-radius:999px;background:#fef3c7;color:#92400e;padding:7px 12px;font-weight:900}.status.active{background:#dcfce7;color:#166534}.progress-summary{margin-top:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:12px 14px;font-weight:900}.parent-progress{margin-top:16px;border:1px solid #dbeafe;background:#fff;border-radius:24px;padding:16px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h3{margin:0 0 4px}.btn.small{padding:9px 13px;font-size:.92rem}.parent-progress-list{display:grid;gap:12px;margin-top:12px}.progress-child-card{border:1px solid #e2e8f0;background:#f8fafc;border-radius:22px;padding:15px}.progress-child-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-child-top h4{margin:0 0 6px;font-size:1.2rem}.progress-ring{width:62px;height:62px;border-radius:999px;background:conic-gradient(#16a34a calc(var(--p,0)*1%),#e2e8f0 0);display:grid;place-items:center;border:6px solid #ecfdf5;color:#166534;font-weight:900}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.progress-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:9px;color:#475569;font-size:.92rem}.progress-stats b{display:block;color:#0f172a;font-size:1.02rem}.progress-course{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:8px;overflow:hidden}.progress-course summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:11px 13px;font-weight:900}.progress-course summary b{color:#1d4ed8}.lesson-list{display:grid;gap:7px;padding:0 13px 12px}.lesson-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding-top:8px}.lesson-row span{font-weight:900}.lesson-row small{color:var(--muted);font-weight:700}.course-list{display:grid;gap:12px;margin-top:18px}.course{border:1px solid var(--line);border-radius:22px;padding:16px;background:#f8fafc;display:flex;justify-content:space-between;gap:12px;align-items:center}.course h3{margin:0 0 3px}.course p{margin:0;color:var(--muted)}.soft-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.children-box{margin-top:16px;border:1px solid #dbeafe;background:#f8fbff;border-radius:22px;padding:16px}.children-box h3,#child-login-form h3{margin:0 0 8px}.children-list{display:grid;gap:10px;margin:12px 0}.child-card{display:grid;gap:4px;border:1px solid #dbe3ef;background:#fff;border-radius:18px;padding:13px}.child-card strong{font-size:1.08rem}.child-card span{font-weight:900;color:#1e3a8a}.child-status{display:inline-flex;width:max-content;border-radius:999px;background:#fef3c7;color:#92400e;padding:4px 9px;font-style:normal;font-weight:900;font-size:.9rem}.child-status.active{background:#dcfce7;color:#166534}.child-card small{color:var(--muted);font-weight:700}.add-child-form{margin-top:12px;grid-template-columns:1fr 150px auto;align-items:end}.add-child-form .btn{height:51px}@media(max-width:840px){.account-grid,.account-grid.compact{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.course{align-items:flex-start;flex-direction:column}.course .btn,.choice-actions .btn{width:100%}.add-child-form{grid-template-columns:1fr}.add-child-form .btn{width:100%}.section-heading,.lesson-row{flex-direction:column}.progress-stats{grid-template-columns:1fr 1fr}}
