.home-page{min-height:100vh}.home-hero{padding:100px 0 80px;position:relative;overflow:clip}.home-hero-glow{pointer-events:none;background:radial-gradient(circle,#0b6e6b14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-50px}.home-hero-inner{text-align:center;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}.home-micro-label{border-radius:var(--radius-pill);background:var(--primary-tint,#e7f0f0);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.home-headline{color:var(--ink);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;line-height:1.15}.home-headline .accent{color:var(--primary)}.home-subtitle{color:var(--ink-muted);max-width:560px;margin:0 auto 36px;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7}.home-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.home-cta-primary{border-radius:var(--radius-md);background:var(--primary);color:#fff;letter-spacing:.01em;align-items:center;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.home-cta-primary:hover{opacity:.9}.home-cta-secondary{border-radius:var(--radius-md);background:var(--bg,#fff);color:var(--ink);border:1px solid var(--border);align-items:center;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-flex}.home-cta-secondary:hover{border-color:var(--primary)}.ip-wrap{max-width:540px;margin:0 auto}.ip-label{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin:0 0 10px;font-size:12px;font-weight:600}.ip-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000000f,0 1px 3px #0000000a}.ip-toolbar{border-bottom:1px solid var(--border);background:var(--surface-sunken,#00000004);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.ip-level{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.ip-tashkeel-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px;display:flex}.ip-tashkeel-label{color:var(--ink-muted);font-size:12px;font-weight:600;font-family:var(--ff-arabic)}.ip-tashkeel-track{background:var(--border);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.ip-tashkeel-btn.on .ip-tashkeel-track{background:var(--primary)}.ip-tashkeel-dot{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.ip-tashkeel-btn.on .ip-tashkeel-dot{transform:translate(16px)}.ip-text{font-family:var(--ff-arabic,"Noto Naskh Arabic", serif);text-align:center;direction:rtl;padding:28px 28px 20px;font-size:26px;line-height:2.2}.ip-word{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;margin:0 1px;padding:4px 4px 2px;transition:background .15s,color .15s,border-color .15s;display:inline;position:relative}.ip-word:hover{background:#0b6e6b0f;border-bottom-color:#0b6e6b4d}.ip-word.selected{color:var(--primary);border-bottom-color:var(--primary);background:#0b6e6b1a}.ip-word.saved:after{content:"✓";color:var(--primary);font-size:9px;font-weight:700;position:absolute;top:-6px;right:-2px}.ip-dict{border-top:1px solid var(--border);background:var(--surface-sunken,#00000004);justify-content:center;align-items:center;min-height:72px;padding:18px 24px;transition:background .2s;display:flex}.ip-dict.visible{background:var(--surface)}.ip-dict-hint{color:var(--ink-muted);align-items:center;gap:8px;font-size:14px;display:flex}.ip-dict-hint-arrow{font-size:16px;animation:1.5s ease-in-out infinite ipBounce}@keyframes ipBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ip-dict-content{align-items:center;gap:20px;width:100%;animation:.2s ipFadeIn;display:flex}@keyframes ipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ip-dict-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.ip-dict-arabic{font-family:var(--ff-arabic);color:var(--primary);font-size:28px;font-weight:700;line-height:1.2}.ip-dict-audio{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--ink-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.ip-dict-audio:hover{color:var(--primary);border-color:var(--primary);background:#0b6e6b0d}.ip-dict-right{border-left:1px solid var(--border);flex:1;min-width:0;padding-left:20px}.ip-dict-translit{color:var(--ink-muted);margin-bottom:2px;font-size:13px;font-style:italic;line-height:1}.ip-dict-meaning{color:var(--ink);margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.3}.ip-dict-meta{gap:6px;display:flex}.ip-dict-pos,.ip-dict-root{color:var(--primary);background:#0b6e6b14;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.ip-dict-save{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.ip-dict-save:hover{border-color:var(--primary);color:var(--primary);background:#0b6e6b0d}.ip-dict-save.is-saved{background:var(--primary);border-color:var(--primary);color:#fff}.ip-dict-save.just-saved{animation:.3s ipSavePop}@keyframes ipSavePop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}[data-theme=dark] .ip-card{border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .ip-word:hover{background:#0b6e6b26}[data-theme=dark] .ip-word.selected{background:#0b6e6b40}[data-theme=dark] .ip-dict-right{border-left-color:#ffffff14}@media (max-width:600px){.ip-text{padding:20px 16px 14px;font-size:22px}.ip-dict{padding:14px 16px}.ip-dict-content{gap:12px}.ip-dict-arabic{font-size:24px}.ip-dict-meaning{font-size:17px}.ip-dict-right{padding-left:12px}.ip-dict-save{width:32px;height:32px}}.home-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg,#fff) 80%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:40px 0}.home-stats-inner{flex-wrap:wrap;justify-content:center;gap:64px;max-width:900px;margin:0 auto;padding:0 24px;display:flex}.home-stat{text-align:center}.home-stat-num{color:var(--primary);margin-bottom:6px;font-size:2.5rem;font-weight:800;line-height:1}.home-stat-label{color:var(--ink-muted);font-size:14px;font-weight:500}.home-stats-standards{text-align:center;color:var(--ink-subtle,#aaa);letter-spacing:.02em;margin-top:16px;font-size:12px}.home-levels{padding:48px 0 0}.home-levels-inner{text-align:center;max-width:900px;margin:0 auto;padding:0 24px}.home-levels-title{color:var(--ink);letter-spacing:normal;margin-bottom:20px;font-size:18px;font-weight:700}.home-levels-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-level-pill{border-radius:var(--radius-sm);background:var(--bg,#fff);border:1px solid var(--border);color:var(--ink);padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.home-level-pill:hover{border-color:var(--primary);color:var(--primary)}.home-benefits{padding:80px 0}.home-benefits-inner{max-width:1100px;margin:0 auto;padding:0 24px}.home-section-header{text-align:center;margin-bottom:56px}.home-section-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.home-section-subtitle{color:var(--ink-muted);max-width:480px;margin:0 auto;font-size:15px}.home-benefits-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (max-width:600px){.home-benefits-grid{grid-template-columns:1fr}}.home-benefit-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:32px 28px;transition:box-shadow .2s}.home-benefit-card:hover{box-shadow:0 4px 16px #0000000f}.home-benefit-icon{background:#0b6e6b14;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.6rem;display:flex}.home-benefit-title{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.4}.home-benefit-desc{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.7}.home-features{padding:80px 0}.home-features-inner{max-width:900px;margin:0 auto;padding:0 24px}.home-features-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px;display:grid}.home-feature-stat{background:color-mix(in srgb, var(--surface,#fff) 88%, transparent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);text-align:center;padding:24px}.home-feature-icon{margin-bottom:8px}.home-feature-num{color:var(--primary);margin-bottom:4px;font-size:1.8rem;font-weight:800}.home-feature-label{color:var(--ink-muted);font-size:.9rem}.home-final-cta{background:var(--primary);text-align:center;padding:100px 0}.home-final-inner{max-width:600px;margin:0 auto;padding:0 24px}.home-final-title{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.2}.home-final-subtitle{color:#ffffffbf;margin-bottom:36px;font-size:15px;line-height:1.7}.home-final-btn{border-radius:var(--radius-md);color:var(--primary);letter-spacing:.01em;background:#fff;padding:16px 40px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.home-final-btn:hover{opacity:.9}[data-theme=dark] .home-preview,[data-theme=dark] .home-dict-popup{background:var(--surface);border-color:var(--border)}[data-theme=dark] .home-benefit-card,[data-theme=dark] .home-feature-stat{background:var(--surface)}@media (max-width:640px){.home-stats-inner{gap:32px}.home-preview{margin-left:12px;margin-right:12px}.home-dict-popup{margin-top:16px;position:static}}[data-theme=dark] .home-benefit-card{border:1px solid #ffffff14}