:root{color-scheme:light;--qt-green:#2f7d57;--qt-green-soft:#f4f8f2;--qt-gold:#d4a017;--qt-gold-soft:#fff7e1;--qt-gold-border:#e9d79a;--qt-text:#1f2937}@import url("https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:#f6f8f4;color:var(--qt-text);scroll-behavior:smooth;text-size-adjust:100%}h1,h2,h3{line-height:1.2}h1{font-size:2.1rem}h2{font-size:1.85rem}h3{font-size:1.35rem}#__next,body,html{min-height:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1}a{color:inherit;text-decoration:none}::selection{background:rgba(212,160,23,.2)}.container{width:min(1000px,92%);margin:0 auto}.card{background:#fff;border:1px solid #dde5dc;border-radius:12px;padding:16px;box-shadow:0 6px 16px rgba(31,41,55,.05)}.content-card{background:#fff;border-color:#d9e7de}.home-section-green .content-card{background:linear-gradient(180deg,#f4fcf7,#eaf7ef);border-color:#c7dfcf}.home-section-gold .content-card{background:linear-gradient(180deg,#fffaf0,#fdf2dd);border-color:#ead7a5}.home-section-sky .content-card{background:linear-gradient(180deg,#f3faff,#eaf4ff);border-color:#cbe1f3}.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 14%,rgba(253,213,94,.4),transparent 24%),linear-gradient(180deg,#7dd3fc,#bae6fd 38%,#fdf2d0);border:1px solid #c7d9e8;border-radius:0;padding:clamp(30px,5vw,72px) 0 clamp(210px,34vh,340px);min-height:clamp(520px,78vh,760px)}.home-hero:after{bottom:0;height:clamp(220px,40vh,370px);background-image:linear-gradient(180deg,rgba(186,230,253,.98),rgba(186,230,253,.72) 14%,rgba(186,230,253,.22) 34%,rgba(186,230,253,0) 54%),url(/images/Quran-online.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.home-hero:after,.home-hero:before{content:"";position:absolute;left:0;right:0;z-index:1}.home-hero:before{bottom:clamp(215px,39vh,365px);height:clamp(36px,7vh,70px);background:linear-gradient(180deg,rgba(186,230,253,.92),rgba(186,230,253,0))}.home-hero-inner{position:relative;width:min(1200px,96%);margin:0 auto;padding-inline:clamp(10px,2vw,24px);z-index:2}.hero-cycle{position:absolute;top:clamp(26px,5vh,52px);right:clamp(14px,2vw,26px);width:min(360px,42%);background:transparent;border:0;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:3}.hero-cycle h3{margin:0 0 12px;color:#1b4f5f;font-size:1.04rem;text-align:center}.hero-cycle-lifecycle{--cycle-radius:122px;position:relative;width:100%;aspect-ratio:1/1;max-width:330px;margin:0 auto}.hero-cycle-ring{position:absolute;inset:14% 14%;border-radius:999px;border:2px dashed rgba(49,116,90,.35);background:radial-gradient(circle,rgba(209,241,228,.55) 0,rgba(209,241,228,0) 70%)}.hero-cycle-core{top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:108px;height:108px;border-radius:999px;border:1px solid #b6dccc;background:#fff;color:#1b4f5f;font-size:.82rem;text-align:center;line-height:1.15;box-shadow:0 10px 20px rgba(20,91,81,.14);z-index:2}.hero-cycle-core,.hero-cycle-loop{position:absolute;left:50%;font-weight:700}.hero-cycle-loop{top:18%;transform:translateX(-50%);color:rgba(27,79,95,.45);font-size:1rem}.hero-cycle-stage{--angle-radial:var(--angle);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle-radial)) translateY(calc(var(--cycle-radius) * -1)) rotate(calc(var(--angle-radial) * -1));display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;min-height:42px;padding:0 10px;border-radius:999px;border:1px solid #b8ddd0;background:linear-gradient(180deg,#f7fffc,#e6f7f3);color:#205f4d;font-weight:700;font-size:.8rem;text-align:center;line-height:1.15;box-shadow:0 8px 16px rgba(26,92,78,.12);z-index:3}.hero-cycle-stage.is-long{min-width:118px}.hero-cycle-stage-icon{font-size:1rem;line-height:1}.hero-notice{text-align:center;background:#f8cf2e;color:#594300;border-radius:999px;padding:8px 14px;font-weight:700;font-size:.92rem;border:1px solid #e3b90f}.home-hero-grid{display:flex;flex-direction:column;gap:clamp(16px,3vw,28px);max-width:min(620px,100%);position:relative;z-index:3}.home-hero-kicker{color:#7a5b00;font-weight:700;margin:0 0 6px}.home-hero-title{margin:0 0 10px;line-height:1.15;font-size:clamp(2.2rem,5vw,4rem);max-width:14ch;color:#173147;text-shadow:0 2px 0 hsla(0,0%,100%,.35)}.home-hero-subtitle{color:#2e516b;max-width:34ch;font-size:clamp(1rem,1.3vw,1.12rem);margin:0}.trust-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.trust-pill{display:inline-flex;border:1px solid var(--qt-gold-border);background:var(--qt-gold-soft);color:#7a5b00;border-radius:999px;font-size:.82rem;font-weight:600;padding:5px 10px}.hero-visual{position:relative;width:100%;min-height:clamp(240px,34vh,360px);display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,#8bd7ff,#bce8ff 52%,#e9f7ff);border:1px solid #c7deec;border-radius:16px;overflow:hidden;padding:18px 12px 0}.hero-visual-image{width:100%;max-width:700px;height:auto;max-height:300px;object-fit:contain;object-position:bottom center;border-radius:14px 14px 0 0;box-shadow:0 14px 24px rgba(17,24,39,.2)}.hero-visual-card{background:#fff;border:1px solid #dce8df;border-radius:12px;padding:12px;width:min(260px,100%);box-shadow:0 10px 22px rgba(31,41,55,.08)}.hero-floating-tag{position:absolute;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d6dfd3;background:#fff;font-size:.82rem;font-weight:700;padding:6px 10px;box-shadow:0 8px 16px rgba(31,41,55,.06)}.tag-surah{right:16px;top:58px;color:#2f7d57}.tag-record{left:18px;bottom:56px;color:#0f766e}.tag-review{right:28px;bottom:22px;color:#7a5b00;background:var(--qt-gold-soft);border-color:var(--qt-gold-border)}.hero-login-btn{background:hsla(0,0%,100%,.92);color:#32536a;border-color:#d6e6f0}.hero-sun-glow{width:170px;height:170px;background:radial-gradient(circle,hsla(47,94%,69%,.45) 0,hsla(47,94%,69%,0) 70%);top:54px;right:16%}.hero-sun,.hero-sun-glow{position:absolute;border-radius:999px;z-index:1}.hero-sun{width:92px;height:92px;background:radial-gradient(circle at 30% 30%,#ffe69a,#f7c744 70%);top:92px;right:19%;box-shadow:0 0 0 8px rgba(255,225,145,.28)}.hero-mountain{position:absolute;bottom:-2px;left:0;right:0;-webkit-clip-path:polygon(0 100%,16% 58%,30% 100%,47% 46%,63% 100%,78% 63%,100% 100%);clip-path:polygon(0 100%,16% 58%,30% 100%,47% 46%,63% 100%,78% 63%,100% 100%)}.mountain-far{height:210px;background:#7a8fa6;opacity:.5;z-index:1}.mountain-mid{height:170px;background:#5f768b;opacity:.78;z-index:1}.mountain-near{height:132px;background:#445a6d;z-index:1}.hero-light-glow{width:320px;height:220px;bottom:58px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,245,194,.85) 0,rgba(255,245,194,0) 72%)}.hero-light-glow,.hero-light-ray{position:absolute;left:50%;z-index:1}.hero-light-ray{bottom:102px;width:16px;border-radius:999px;transform-origin:bottom center;background:linear-gradient(180deg,rgba(255,244,194,.95),rgba(255,244,194,0))}.ray-1{height:220px;transform:translateX(-50%) rotate(-26deg)}.ray-2{height:260px;transform:translateX(-50%) rotate(-10deg)}.ray-3{height:260px;transform:translateX(-50%) rotate(10deg)}.ray-4{height:220px;transform:translateX(-50%) rotate(26deg)}.hero-quran{position:absolute;left:50%;bottom:34px;width:220px;height:120px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 12px 18px rgba(31,41,55,.25))}.hero-quran-page{position:absolute;top:0;width:104px;height:96px;border:2px solid #d8b56a;background:linear-gradient(180deg,#fffef8,#f8f0d7)}.hero-quran-page.left{left:0;border-radius:10px 0 0 14px;transform:perspective(260px) rotateY(18deg) skewY(-2deg)}.hero-quran-page.right{right:0;border-radius:0 10px 14px 0;transform:perspective(260px) rotateY(-18deg) skewY(2deg)}.hero-quran-spine{position:absolute;left:50%;top:2px;width:16px;height:98px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(180deg,#b7832b,#8a6524);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}@keyframes heroFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.surah-card{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease}.surah-card:focus-visible,.surah-card:hover{background:var(--qt-gold-soft);border-color:var(--qt-gold-border);box-shadow:0 10px 20px rgba(122,91,0,.12)}.surah-card:active{background:#f7edcb;border-color:#dcb95f;transform:translateY(1px)}.input,.select,.textarea{width:100%;background:#fff;border:1px solid #d2ddd2;color:#1f2937;border-radius:10px;padding:10px 12px}.phone-fields{display:grid;grid-template-columns:minmax(136px,44%) 1fr;grid-gap:8px;gap:8px}.phone-country-select{white-space:nowrap}.button{border:1px solid transparent;background:var(--qt-green);color:#fff;border-radius:10px;font-weight:700;padding:10px 14px;cursor:pointer}.button.secondary{background:var(--qt-green-soft);color:var(--qt-green);border-color:#cfe0cf}.button.status-filter{background:#fff;color:#5f6b60;border-color:#d7e1d4}.button.status-filter.is-active{background:var(--qt-gold-soft);color:#7a5b00;border-color:var(--qt-gold-border)}.button:disabled{opacity:.6;cursor:not-allowed}.pricing-card{display:flex;flex-direction:column;justify-content:space-between}.pricing-original{margin:6px 0 0;text-decoration:line-through}.pricing-price{margin:6px 0 8px;font-size:1.65rem;font-weight:800;color:#1f2937}.pricing-list{margin:0;padding-left:18px}.pricing-list li{margin:4px 0}.home-section-gold{background:radial-gradient(circle at 88% 12%,rgba(212,160,23,.16),transparent 34%),linear-gradient(180deg,#fffaf0,#fff7e8);border-color:#ecdcb3}.home-section-green{background:radial-gradient(circle at 10% 14%,rgba(47,125,87,.16),transparent 36%),linear-gradient(180deg,#f3faf5,#eff8f2);border-color:#cfe4d3}.home-section-sky{background:radial-gradient(circle at 80% 10%,rgba(125,211,252,.2),transparent 36%),linear-gradient(180deg,#f0faff,#edf8ff);border:1px solid #cfe7f6;border-radius:12px;padding:12px}.grid{display:grid;grid-gap:12px;gap:12px}.muted{color:#6b7280}.section-title{text-align:center}.error{color:#b91c1c}.success{color:#166534}.header{border-bottom:1px solid #d9e3d7;background:#fdfdfc;margin-bottom:0}.header strong{color:#7a5b00;font-size:1.45rem;line-height:1.1}.header-row{align-items:center;justify-content:space-between;min-height:96px;position:relative}.header-row,.nav{display:flex;gap:12px}.nav{flex-wrap:wrap;font-size:1.05rem}.header-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid #cfe0cf;background:#fff;color:var(--qt-green);cursor:pointer;font-size:1.2rem;line-height:1}.header-menu-toggle:hover{border-color:#b9d2bf}.header-menu-toggle:focus-visible{outline:2px solid #7a5b00;outline-offset:2px}.nav a:not(.button){color:var(--qt-green)}.nav a:not(.button):hover{color:#8a6a08}.header .button{padding:12px 18px}.site-footer{border-top:1px solid #d9e3d7;background:#fdfdfc;margin-top:28px}.site-footer-inner{text-align:center;padding:20px 0 24px}.site-footer-links{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;color:#6b7280}.site-footer-links a{color:var(--qt-green)}.site-footer-links a:hover{color:#8a6a08}.site-footer-copy{margin:10px 0 0;color:#6b7280;font-size:.92rem}.legal-page{max-width:920px;margin-top:8px;margin-bottom:20px}.legal-card{margin-bottom:12px}.legal-list{margin:0;padding-left:18px}.legal-list li{margin:6px 0}.legal-prose h2{margin-top:0;margin-bottom:6px}.legal-prose p{margin-top:0;margin-bottom:16px;color:#4b5563;line-height:1.65}.font-mushaf{font-family:Amiri Quran,Noto Naskh Arabic,serif;line-height:2.3}.mushaf-shell{background:#eaf2e6;padding:10px;border-radius:16px;display:flex;justify-content:center}.mushaf-frame{background:#eef7ea;border:5px solid #c3dfba;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.16);padding:8px}.mushaf-inner{background:#f8f3e8;border:1.5px solid #9fcd98;border-radius:10px;padding:12px}.mushaf-page{background:#f8f3e8;border:1px solid #e7eddc;border-radius:8px;padding:24px 8px 6px;display:flex;flex-direction:column;max-width:820px;margin:0 auto}.mushaf-page-content{max-width:700px;margin:0 auto;width:100%;padding-inline:24px}.mushaf-text{color:#1f2937;text-align:justify;text-align-last:right;text-justify:inter-word;line-height:2.4;word-spacing:2px;letter-spacing:.2px;font-size:2rem}.inline-ayah{display:inline}.ayah-clickable{cursor:pointer;border-radius:6px;padding:0 4px}.ayah-clickable:hover{background:rgba(47,125,87,.14)}.ayah-current{background:rgba(47,125,87,.2)}.mushaf-ayah-marker{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;margin:0 8px;border-radius:999px;background:#f4fbf0;border:1px solid #d8c27d;color:#2b3b2b;font-size:.95rem}.mushaf-page-footer{display:flex;justify-content:center;padding-top:8px}.mushaf-page-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;border:1px solid #d8c27d;background:#fff7e1;color:#7a5b00;font-weight:600}.bismillah{color:#1f2937;font-size:2.1rem}.ayah-controller{position:fixed;left:0;right:0;bottom:0;background:hsla(90,22%,96%,.96);border-top:1px solid #d9e3d7;z-index:60}.ayah-controller-inner{width:min(1000px,92%);margin:0 auto;padding:8px 0 12px;display:flex;flex-direction:column;gap:8px;align-items:center}.controller-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.recording-controls-wrap{width:100%;max-width:760px;margin-top:8px;display:flex;flex-direction:column;align-items:center}.recording-controls-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.recording-controls-preview{width:100%;max-width:520px;margin-top:10px;display:flex;flex-direction:column;align-items:center}.dashboard-layout{align-items:stretch}.dashboard-children-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width:1024px){.dashboard-layout{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);gap:14px}.dashboard-children-card,.dashboard-summary-card{margin:0}.dashboard-child-card{max-width:360px}}@media (max-width:767px){body{font-size:15px}.container{width:min(1000px,96%)}.grid{gap:10px}.card{padding:13px;border-radius:10px}h1{font-size:1.75rem}h2{font-size:1.55rem}h3{font-size:1.2rem}.button,.muted{font-size:.98rem}.button{padding:9px 12px}.input,.select,.textarea{padding:9px 10px;font-size:1rem}.phone-fields{grid-template-columns:1fr}.header-row{min-height:72px}.header strong{font-size:1.2rem}.header-menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:calc(100% - 8px);right:auto;left:0;z-index:50;flex-direction:column;gap:10px;padding:12px 14px;width:-moz-fit-content;width:fit-content;min-width:180px;max-width:min(92vw,280px);border:1px solid #d9e3d7;border-radius:12px;background:#fff;box-shadow:0 12px 22px rgba(31,41,55,.1)}.nav.is-open{display:flex}.nav a,.nav button{width:auto;text-align:left;white-space:nowrap}.nav button.button{justify-content:flex-start}.home-hero{min-height:520px;padding:24px 0}.home-hero-title{max-width:100%;font-size:clamp(1.95rem,8vw,2.4rem)}.hero-sun-glow{width:220px;height:170px;top:auto;bottom:74px;right:auto;left:50%;transform:translateX(-50%)}.hero-sun{display:none}.hero-light-ray{bottom:92px}.ray-1,.ray-4{height:180px}.ray-2,.ray-3{height:210px}.hero-quran{width:180px;height:104px;bottom:30px}.hero-quran-page{width:84px;height:84px}.hero-quran-spine{height:86px}.hero-visual{min-height:200px}.hero-visual-image{max-height:220px}.hero-cycle{position:static;width:100%;max-width:440px;margin-top:4px}.hero-cycle-lifecycle{--cycle-radius:104px;max-width:300px}.hero-cycle-core{width:90px;height:90px;font-size:.74rem}.hero-cycle-stage{min-width:86px;min-height:34px;font-size:.7rem;padding:0 8px;gap:4px}.hero-cycle-stage.is-long{min-width:98px}.hero-cycle-stage-icon{font-size:.86rem}.mushaf-page-content{padding-inline:10px}.mushaf-text{font-size:1.65rem;line-height:2.1}.bismillah{font-size:1.8rem}}