@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap";:root{font-family:DM Sans,sans-serif;color:#203d32;background:#f7faf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#287b58;--green-dark:#174b37;--mint:#e2f4e8;--line:#e4ebe3;--muted:#75877d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #91c8a9;outline-offset:3px}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid #eaf0e9;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;color:var(--green-dark);padding:0}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#e1f3e7;border-radius:15px;color:var(--green);transform:rotate(-4deg)}.brand b{font-family:Nunito,sans-serif;font-size:16px;display:block;font-weight:900}.brand small{display:block;letter-spacing:3px;font-weight:800;font-size:10px;color:#d29b45;margin-top:1px}.desktop-nav{display:flex;align-items:center;gap:6px}.nav-link{border:0;background:transparent;color:#62766a;font-size:13px;font-weight:700;padding:11px 13px;border-radius:12px}.nav-link:hover,.nav-link.active{background:#edf7ef;color:var(--green)}.top-actions{display:flex;align-items:center;gap:12px}.star-pill{display:flex;align-items:center;gap:6px;background:#fff5d8;color:#b9811e;border:1px solid #f5e5b5;border-radius:30px;padding:9px 12px;font-size:13px}.star-pill span{font-size:11px;color:#9a854e}.menu-button{display:none;border:0;background:#eef7ef;border-radius:10px;padding:9px;color:var(--green)}main{max-width:1180px;margin:0 auto;padding:32px 28px 68px}.hero{background:linear-gradient(112deg,#e7f5e9,#f0f8ed 55%,#d7eedc);border-radius:28px;min-height:340px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative;isolation:isolate}.hero-copy{padding:43px 0 36px 45px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:900;color:#57916c;display:inline-flex;align-items:center;gap:7px}.hero h1,.page-intro h1{font-family:Nunito,sans-serif;font-size:36px;line-height:1.17;letter-spacing:-1px;margin:15px 0 12px;color:#214a36;font-weight:900}.hero h1 span{color:#278458}.hero-copy>p{font-size:14px;line-height:1.8;color:#5d7666;max-width:390px;margin:0 0 22px}.primary-button,.secondary-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 17px;font-weight:800;font-size:13px;transition:transform .18s,box-shadow .18s}.primary-button{background:var(--green);color:#fff;box-shadow:0 6px 14px #287b582b}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #287b5838}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{background:#f0f4ef;color:#496354;border:1px solid #e1e9df}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.hero-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#73917d;margin-top:16px}.hero-art{position:relative;min-height:320px;overflow:hidden}.moon-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#f9f0bd;top:25px;right:100px;box-shadow:0 0 0 18px #fff8d13b,0 0 0 38px #fff8d11c}.moon-glow:after{content:"";position:absolute;background:#e4f3e5;width:153px;height:153px;border-radius:50%;top:-14px;left:40px}.hero-star{position:absolute;color:#d7a447;font-size:25px}.s1{top:33px;right:65px}.s2{top:99px;left:25px}.s3{top:62px;left:100px}.cloud{position:absolute;background:#fff9e8;height:22px;border-radius:30px;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:35px;height:35px;left:12px;bottom:3px}.cloud:after{width:26px;height:26px;left:34px;bottom:1px}.cloud-a{top:150px;right:25px;width:76px}.cloud-b{top:195px;left:30px;width:55px;transform:scale(.8)}.mosque{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:285px;height:230px}.mosque-body{position:absolute;bottom:0;left:42px;width:201px;height:124px;background:#3f986b;border-radius:8px 8px 0 0;box-shadow:inset 0 -9px #2e8057}.dome{position:absolute;bottom:119px;left:77px;width:131px;height:88px;background:#4ba776;border-radius:75px 75px 0 0;border:4px solid #fff1c8;border-bottom:0}.dome:before{content:"☾";position:absolute;top:-29px;left:56px;font-size:24px;color:#d9a746}.minaret{position:absolute;bottom:0;width:36px;height:170px;background:#7dc08b;border:3px solid #fff1c8;border-bottom:0;border-radius:18px 18px 0 0}.minaret.left{left:13px;height:148px}.minaret.right{right:12px;height:158px}.minaret:before{content:"";position:absolute;top:-18px;left:-7px;width:44px;height:24px;background:#3f986b;border:3px solid #fff1c8;border-radius:20px 20px 0 0}.minaret>div{position:absolute;top:28px;left:10px;width:10px;height:20px;background:#e6f5e6;border-radius:10px 10px 0 0}.door{position:absolute;bottom:0;left:82px;width:38px;height:68px;border-radius:22px 22px 0 0;background:#f6e9c3}.window{position:absolute;top:32px;width:19px;height:29px;border-radius:12px 12px 0 0;background:#f6e9c3}.w1{left:35px}.w2{right:35px}.art-label{position:absolute;bottom:18px;right:17px;background:#fffdf5;color:#578268;padding:10px 13px;border-radius:13px;font-size:11px;font-weight:800;display:flex;gap:7px;align-items:center;box-shadow:0 7px 18px #315c3720}.progress-card{display:flex;gap:17px;align-items:center;margin:22px 0 39px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 20px #294b3210}.progress-icon{width:51px;height:51px;flex-shrink:0;display:grid;place-items:center;border-radius:16px;background:#fff4d9;color:#d29b36}.progress-main{flex:1;min-width:0}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-heading b{font-family:Nunito,sans-serif;font-size:15px}.progress-heading p{margin:4px 0 12px;color:var(--muted);font-size:12px}.progress-heading strong{font-size:23px;color:var(--green)}.progress-heading strong small{font-size:11px;color:#839488}.progress-track,.lesson-progress,.quiz-track{height:8px;background:#edf2ec;border-radius:20px;overflow:hidden}.progress-track>div,.lesson-progress>div,.quiz-track>div{height:100%;border-radius:20px;background:linear-gradient(90deg,#63bd84,#2e8b5b);transition:width .3s}.progress-foot{display:flex;justify-content:space-between;color:#8b9b90;font-size:10px;margin-top:7px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-family:Nunito,sans-serif;font-size:24px;letter-spacing:-.5px;margin:7px 0 0;color:#254b37}.heading-spark{font-size:29px;color:#e4b453}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{position:relative;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid transparent;border-radius:19px;padding:22px;min-height:142px;overflow:hidden;transition:transform .18s,box-shadow .18s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e493315}.feature-card.mint{background:#e7f5e9;border-color:#d8eddd}.feature-card.peach{background:#fff0e6;border-color:#f8e5d8}.feature-card.lilac{background:#f0eaff;border-color:#e7dcfb}.feature-card.yellow{background:#fff5d9;border-color:#f6e9bf}.feature-icon{width:51px;height:51px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;background:#ffffffb8;color:#33835b;position:relative;z-index:1}.peach .feature-icon{color:#d17d50}.lilac .feature-icon{color:#8666bd}.yellow .feature-icon{color:#bf8b21}.feature-text{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.feature-text b{font-family:Nunito,sans-serif;font-size:16px;color:#284d39}.feature-text small{font-size:11px;color:#74867a}.feature-text em{font-size:10px;font-style:normal;color:#43845c;font-weight:800;display:flex;align-items:center;gap:3px;margin-top:7px}.feature-deco{position:absolute;right:13px;bottom:-22px;font-size:90px;opacity:.1;color:#2e8057;font-family:serif}.daily-tip{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 21px;margin-top:22px;position:relative;overflow:hidden}.tip-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ffedf0;color:#d7758a;flex-shrink:0}.daily-tip b{font-family:Nunito,sans-serif;font-size:14px}.daily-tip p{font-size:12px;color:#7b8b80;line-height:1.6;margin:4px 22px 0 0}.tip-spark{font-size:45px;position:absolute;right:20px;color:#dcb96a;opacity:.5}.footer{text-align:center;border-top:1px solid #e5ece4;padding:25px 20px 80px;color:#829287}.footer-brand{display:flex;justify-content:center;align-items:center;gap:8px;color:#3f7054;font-family:Nunito,sans-serif;font-size:13px}.brand-mark.small{width:31px;height:31px;border-radius:10px}.footer p{font-size:12px;margin:9px 0}.footer small{font-size:10px}.mobile-menu{display:none}.learning-page,.quiz-page{max-width:980px;margin:0 auto}.back-link{border:0;background:transparent;color:#658171;font-size:12px;font-weight:800;padding:5px 0;margin-bottom:18px}.page-intro{margin-bottom:25px}.page-intro h1{font-size:32px;margin:10px 0}.page-intro h1 span{font-size:26px}.page-intro p{color:#738579;font-size:13px;line-height:1.7;max-width:650px;margin:0}.lesson-layout{display:grid;grid-template-columns:245px 1fr;gap:20px;align-items:start}.step-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:5px}.step-item{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:11px;padding:12px 9px;color:#65786c;font-size:11px;font-weight:700}.step-item>span:nth-child(2){flex:1}.step-item>svg{opacity:.5}.step-item.selected{background:#eaf6ed;color:#287b58}.step-num{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#f0f4ef;color:#6f8677;flex-shrink:0}.selected .step-num{background:#2f875d;color:#fff}.lesson-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px}.lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lesson-tag{font-size:10px;font-weight:900;letter-spacing:1px;color:#4d9369;display:flex;align-items:center;gap:6px}.lesson-count{font-size:11px;color:#7b8e80;font-weight:800}.lesson-progress{height:5px}.prayer-illustration{height:185px;border-radius:15px;background:linear-gradient(135deg,#e9f6eb,#f8f4df);position:relative;overflow:hidden;margin:20px 0 18px;display:flex;align-items:center;justify-content:center}.prayer-illustration:before{content:"";position:absolute;width:180px;height:180px;background:#fff9d9;border-radius:50%;top:-85px;right:-35px}.prayer-sun{position:absolute;top:22px;left:24px;color:#d4a74e;font-size:24px}.pose-caption{position:absolute;bottom:12px;font-size:10px;font-weight:800;color:#62816a;background:#ffffffba;padding:7px 11px;border-radius:20px}.simple-person{position:relative;width:110px;height:115px;transform:scale(.9)}.person-head{position:absolute;width:40px;height:43px;top:2px;left:35px;border-radius:48% 48% 44% 44%;background:#bc805b;border:4px solid #f9d4a4;z-index:3}.person-head:after{content:"";position:absolute;top:-7px;left:-4px;width:40px;height:19px;border-radius:50% 50% 25% 25%;background:#f7f2e6;border:2px solid #e5d9b9}.person-body{position:absolute;top:39px;left:25px;width:60px;height:61px;background:#fffdf2;border:3px solid #c9d9bd;border-radius:15px 15px 5px 5px;z-index:2}.person-body:after{content:"";position:absolute;left:26px;top:0;height:58px;width:3px;background:#d7e3cf}.person-leg{position:absolute;top:94px;width:22px;height:20px;background:#4c886b;border-radius:3px 3px 7px 7px;z-index:1}.person-leg.one{left:28px}.person-leg.two{left:60px}.person-arm{position:absolute;top:44px;width:17px;height:48px;background:#fffdf2;border:3px solid #c9d9bd;border-radius:12px;z-index:1}.person-arm.one{left:13px;transform:rotate(15deg)}.person-arm.two{right:13px;transform:rotate(-15deg)}.pose-1 .person-body{transform:rotate(27deg);transform-origin:top center;left:36px}.pose-1 .person-head{left:55px;top:10px}.pose-1 .person-arm.one{transform:rotate(-35deg);left:5px}.pose-1 .person-arm.two{transform:rotate(-45deg);right:2px}.pose-2 .person-arm.one{transform:rotate(25deg)}.pose-2 .person-arm.two{transform:rotate(-25deg)}.pose-3{transform:rotate(80deg) scale(.8);top:20px}.pose-4{transform:scale(.72);top:12px}.pose-4 .person-leg{top:90px}.pose-5 .person-head{transform:rotate(20deg)}.pose-5 .person-arm.one{transform:rotate(-55deg)}.pose-5 .person-arm.two{transform:rotate(55deg)}.lesson-card h2{font-family:Nunito,sans-serif;font-size:21px;margin:0 0 6px;color:#274d38}.lesson-tip{font-size:12px;line-height:1.7;color:#738479;margin:0 0 18px}.arabic-box{border:1px solid #e1eee3;border-radius:15px;background:#f9fcf8;padding:17px;text-align:center}.box-label{font-size:9px;letter-spacing:1.5px;color:#7a9b83;font-weight:900}.arabic-text{font-family:Times New Roman,serif;font-size:28px;line-height:1.9;color:#28583d;margin:9px 0}.latin-text{font-size:13px;font-weight:800;color:#3e7754;line-height:1.7;margin:7px 0}.meaning{font-size:11px;color:#7c8c80;line-height:1.6;margin:7px 0 14px}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfe5d3;border-radius:10px;background:#e8f5eb;color:#287b58;padding:10px 13px;font-size:11px;font-weight:800}.audio-button span{font-size:10px;margin-left:3px}.lesson-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.accuracy-note{display:flex;gap:8px;align-items:flex-start;color:#829186;font-size:10px;line-height:1.7;margin:18px 0}.accuracy-note svg{flex-shrink:0;margin-top:1px;color:#6da17b}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter-chip{border:1px solid #e0e9df;border-radius:20px;padding:9px 16px;background:#fff;color:#718277;font-size:11px;font-weight:800}.filter-chip.active{background:#2e8058;color:#fff;border-color:#2e8058}.dua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dua-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.dua-card-top{display:flex;align-items:center;justify-content:space-between}.dua-symbol{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#e7f5e9;color:#38865d}.category-tag{font-size:10px;color:#659071;background:#f1f8f0;padding:6px 9px;border-radius:20px;font-weight:800}.dua-card h3{font-family:Nunito,sans-serif;margin:13px 0 0;font-size:17px;color:#284d38}.dua-card .arabic-text{font-size:25px;margin:13px 0;text-align:center}.dua-card .latin-text{text-align:center;font-size:12px}.meaning-box{background:#f8faf6;border-radius:11px;padding:11px 12px;margin-top:12px}.meaning-box b{font-size:10px;color:#4c7c5a}.meaning-box p{font-size:11px;line-height:1.65;color:#76867a;margin:5px 0 0}.dua-note{font-size:10px;color:#87958a;line-height:1.6}.dua-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.audio-button.compact{font-size:10px;padding:9px 10px}.audio-button.muted{background:#fff;border-color:#e3e9e1;color:#718277}.memorized{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;background:#fff8e6;color:#a57921;border:1px solid #f2e6c3;border-radius:10px;padding:10px;margin-top:13px;font-size:10px;font-weight:800}.memorized.done{background:#e9f6ec;border-color:#d9eddd;color:#378257}.quiz-page{max-width:700px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:28px;box-shadow:0 10px 30px #254b3710}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-badge{display:flex;gap:7px;align-items:center;color:#4a9366;font-size:10px;font-weight:900;letter-spacing:1px}.quiz-number{font-size:10px;font-weight:900;color:#87978a;letter-spacing:1px}.quiz-track{height:6px;margin-top:13px}.quiz-emoji{margin:30px auto 17px;width:76px;height:76px;display:grid;place-items:center;border-radius:25px;background:#fff3d5;font-size:37px}.quiz-card h1{font-family:Nunito,sans-serif;font-size:25px;text-align:center;line-height:1.4;color:#244b36;margin:0 auto;max-width:500px}.quiz-help{text-align:center;font-size:12px;color:#89968c;margin:9px 0 23px}.answer-list{display:flex;flex-direction:column;gap:10px}.answer-option{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e4ebe2;border-radius:13px;background:#fff;text-align:left;color:#536b5b;font-size:12px;font-weight:700}.answer-option>span{width:29px;height:29px;display:grid;place-items:center;background:#f1f5ef;border-radius:9px;color:#799080;font-size:11px}.answer-option>svg{margin-left:auto}.answer-option:hover{border-color:#b4d8be;background:#f8fcf8}.answer-option.correct{background:#e9f7ec;border-color:#8ecba0;color:#287b58}.answer-option.correct>span{background:#3c9561;color:#fff}.answer-option.wrong{background:#fff0ec;border-color:#f2c1b4;color:#ad6552}.answer-feedback{margin-top:15px;padding:12px 14px;border-radius:12px;background:#fff1ec;color:#9f5f4e}.answer-feedback.good{background:#eaf7ed;color:#2e7c50}.answer-feedback b{font-size:12px}.answer-feedback p{font-size:11px;line-height:1.6;margin:4px 0 0}.quiz-next{width:100%;margin-top:18px}.result-card{text-align:center;padding:42px 30px}.result-confetti{font-size:33px;margin-bottom:16px}.result-card h1{margin:12px auto}.result-score{font-family:Nunito,sans-serif;font-weight:900;font-size:55px;color:#2e8058;margin:20px 0}.result-score small{font-size:22px;color:#8ca093}.result-card>p{font-size:12px;color:#7d8b80;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px}.reward-hero{background:linear-gradient(135deg,#e4f4e7,#fff6d9);border:1px solid #dbece0;border-radius:22px;padding:30px;text-align:center}.big-trophy{position:relative;width:100px;height:100px;margin:0 auto 13px;display:grid;place-items:center;background:#fff8e1;border-radius:35px;color:#d2a03a}.trophy-spark{position:absolute;right:-8px;top:-5px;color:#5ca879}.total-stars{font-family:Nunito,sans-serif;font-weight:900;font-size:44px;color:#b88121;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:9px}.reward-hero p{font-size:11px;color:#7f8f81}.subsection-title{font-family:Nunito,sans-serif;font-size:20px;margin:28px 0 15px}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;opacity:.65}.badge-card.unlocked{opacity:1;border-color:#d7ebdb;background:#fafffa}.badge-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#f0f2ed;color:#9aa69b}.unlocked .badge-icon{background:#fff2d1;color:#c4912d}.badge-card>div{flex:1}.badge-card b{font-family:Nunito,sans-serif;font-size:12px}.badge-card p{font-size:10px;color:#839187;margin:5px 0 0}.badge-status{font-size:15px;color:#42895d}.reset-button{margin-top:22px;font-size:11px}.mobile-bottom-nav{display:none}@media(max-width:900px){.topbar{padding:0 22px}.desktop-nav{gap:0}.nav-link{padding:10px 8px;font-size:11px}.hero-copy{padding-left:30px}.hero h1{font-size:31px}.hero-art{transform:scale(.95);transform-origin:center}.feature-card{padding:18px;gap:11px}.feature-text b{font-size:14px}}@media(max-width:700px){.topbar{height:67px;padding:0 17px}.brand-mark{width:38px;height:38px}.brand b{font-size:14px}.desktop-nav{display:none}.menu-button{display:grid;place-items:center}.star-pill{padding:8px 10px}.star-pill span{display:none}.mobile-menu{display:flex;position:fixed;z-index:30;top:67px;left:10px;right:10px;flex-direction:column;background:#fff;border:1px solid var(--line);box-shadow:0 15px 30px #193a241f;border-radius:16px;padding:8px}.mobile-menu button{display:flex;align-items:center;gap:12px;border:0;background:#fff;padding:13px;border-radius:10px;text-align:left;color:#496c56;font-weight:700;font-size:13px}.mobile-menu button:hover{background:#eef7ef}main{padding:20px 16px 35px}.hero{grid-template-columns:1fr;min-height:auto;border-radius:22px}.hero-copy{padding:28px 24px 22px}.hero h1{font-size:31px}.hero-copy>p{font-size:13px;max-width:100%}.hero-art{min-height:210px;transform:none;margin-top:-5px}.moon-glow{width:135px;height:135px;right:calc(50% - 95px);top:4px}.moon-glow:after{width:115px;height:115px}.mosque{transform:translate(-50%) scale(.78);transform-origin:bottom center}.cloud-a{top:85px}.cloud-b{top:110px}.s1{top:15px}.art-label{bottom:10px;right:10px;font-size:9px}.progress-card{padding:16px;gap:12px;margin:16px 0 30px}.progress-icon{width:43px;height:43px}.progress-heading b{font-size:13px}.progress-heading p{font-size:10px}.progress-heading strong,.section-heading h2{font-size:20px}.feature-grid{gap:10px}.feature-card{min-height:155px;align-items:flex-start;flex-direction:column;padding:14px;gap:10px;border-radius:15px}.feature-icon{width:41px;height:41px;border-radius:13px}.feature-icon svg{width:22px}.feature-text b{font-size:12px}.feature-text small{font-size:10px;line-height:1.5}.feature-text em{font-size:9px;margin-top:3px}.feature-deco{font-size:65px;right:4px;bottom:-15px}.daily-tip{padding:14px;gap:10px}.daily-tip b{font-size:12px}.daily-tip p{font-size:10px}.tip-spark{display:none}.footer{padding-bottom:100px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:19;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #e4ece3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#829187;font-size:9px;font-weight:700;padding:5px 0}.mobile-bottom-nav button.selected{color:#2d8058}.mobile-bottom-nav button.selected svg{stroke-width:2.6}.page-intro h1{font-size:27px}.page-intro p{font-size:12px}.lesson-layout{grid-template-columns:1fr;gap:12px}.step-list{display:flex;flex-direction:row;overflow-x:auto;padding:8px}.step-item{flex-shrink:0;max-width:165px;font-size:10px;padding:8px}.step-item>svg{display:none}.step-num{width:23px;height:23px}.lesson-card{padding:16px}.prayer-illustration{height:160px}.lesson-card h2{font-size:19px}.arabic-text{font-size:25px}.lesson-actions .primary-button,.lesson-actions .secondary-button{padding:12px 10px;font-size:11px}.dua-grid{grid-template-columns:1fr;gap:12px}.dua-card{padding:17px}.dua-card .arabic-text{font-size:26px}.filter-row{gap:6px}.filter-chip{padding:8px 12px}.quiz-card{padding:20px 16px}.quiz-card h1{font-size:21px}.quiz-emoji{margin-top:23px;width:65px;height:65px}.quiz-number{font-size:9px}.result-card{padding:32px 18px}.badge-grid{grid-template-columns:1fr}.badge-card{padding:13px}.reward-hero{padding:24px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}