:root{--gold-1:#fff9e9;--gold-2:#f7e3a1;--gold-3:#d6a63f;--gold-4:#a56a12;--gold-5:#6f4308;--ink:#2e2417;--muted:#776b59;--card:#fffdf7;--line:#ead9b7;--success:#227a50;--danger:#b93838;--warning:#a06b00;--shadow:0 16px 40px rgba(91,55,8,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#fff0bd 0,transparent 28%),linear-gradient(180deg,#fffaf0 0,#f8f1df 100%);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(14px,4vw,46px);background:linear-gradient(135deg,#5e3908,#9d6412 52%,#c99836);color:#fff;box-shadow:0 8px 28px rgba(61,35,2,.22)}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff3b9,#d59d2b);color:#664006;font-size:24px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}.brand b{display:block;font-size:17px}.brand small{display:block;opacity:.78;font-size:11px;letter-spacing:.4px}.topbar nav{display:flex;align-items:center;gap:5px}.topbar nav a{padding:10px 12px;border-radius:12px;font-weight:700;font-size:14px}.topbar nav a:hover{background:rgba(255,255,255,.14)}.menu-toggle{display:none;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:10px;padding:8px 11px;font-size:20px}.container{width:min(1180px,100%);margin:auto;padding:30px clamp(14px,3vw,30px) 90px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;min-height:440px;padding:48px;border-radius:30px;background:linear-gradient(135deg,#fffdf7,#f9e7af);border:1px solid #e8cf8e;box-shadow:var(--shadow)}.hero:after{content:"۞";position:absolute;right:-20px;bottom:-80px;font-size:280px;color:rgba(167,106,18,.08)}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.03;margin:14px 0}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:740px}.pill,.eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff4cd;color:#7a4d0c;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.quran-card{position:relative;z-index:1;padding:32px;border-radius:24px;background:linear-gradient(145deg,#704308,#ab731b);color:white;box-shadow:0 22px 55px rgba(83,49,5,.25);border:1px solid rgba(255,255,255,.2)}.arabic{font-family:"Noto Naskh Arabic","Traditional Arabic",serif;direction:rtl;text-align:right;font-size:31px;line-height:2}.arabic.large{font-size:42px;text-align:center;padding:22px}.grid{display:grid;gap:20px;margin:22px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.stat,.auth{background:rgba(255,253,247,.94);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(91,55,8,.08)}.card h2,.card h3{margin-top:0}.stat{display:flex;flex-direction:column;min-height:120px;justify-content:center;background:linear-gradient(145deg,#fffdf6,#f9e7b0)}.stat b{font-size:38px;color:var(--gold-4)}.stat span{color:var(--muted);font-weight:700}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.page-head h1{font-size:clamp(30px,4vw,48px);margin:8px 0 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn,.small{border:0;cursor:pointer;border-radius:13px;font-weight:800;transition:.2s transform,.2s box-shadow,.2s opacity}.btn{padding:13px 18px;color:#fff;background:linear-gradient(135deg,#7b4a09,#c08a27);box-shadow:0 9px 20px rgba(126,79,12,.2)}.btn:hover,.small:hover{transform:translateY(-1px)}.btn.secondary{background:#fff;color:#74470b;border:1px solid #d9b866;box-shadow:none}.small{padding:9px 12px;background:#f8e9bc;color:#70440a}.small.success{background:#def2e8;color:#176744}.small.danger{background:#ffe2df;color:#9e2929}.btn:disabled,.small:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-grid{display:grid;gap:15px}.form-grid label,label{display:grid;gap:7px;font-weight:800;color:#544835}input,select,textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #dcc99f;background:#fffefb;color:#2e2417;outline:none}input:focus,select:focus,textarea:focus{border-color:#b67b1c;box-shadow:0 0 0 3px rgba(182,123,28,.12)}.auth{max-width:480px;margin:70px auto}.ayah-list{display:grid;gap:15px}.ayah{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start}.ayah-no{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f6e1a2,#c58d2b);color:#5b3605;font-weight:900}.ayah p{margin:4px 0 8px}.urdu{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;direction:rtl;text-align:right;line-height:2}.inline{display:flex;flex-wrap:wrap;gap:8px}.status{margin:16px 0;padding:14px;border-radius:14px;background:#fff4d3;border:1px solid #ead09a;color:#64400d}.word-result{font-size:27px;line-height:2.2;text-align:right;direction:rtl}.word-result span{padding:2px 6px;border-radius:7px;margin:2px}.word-result .ok{background:#d8f2e4;color:#155c3e}.word-result .bad{background:#ffdada;color:#a12222}.word-result .uncertain{background:#fff0b8;color:#845700}.alert{padding:13px 15px;border-radius:13px;margin-bottom:15px;font-weight:700}.alert.success{background:#def3e9;color:#176543}.alert.error{background:#ffe1df;color:#9c2727}.muted{color:var(--muted)}.hidden-text{filter:blur(11px);user-select:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}footer{padding:26px;background:#4c2e06;color:#f8e8bc}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.audio-dock{position:fixed;z-index:200;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 24px));display:grid;grid-template-columns:auto 1fr minmax(260px,1.5fr);align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#5e3908,#9d6412);color:#fff;box-shadow:0 18px 55px rgba(50,28,2,.35)}.audio-dock audio{width:100%;height:38px}.audio-dock small{display:block;opacity:.8}.audio-dock button{border:0;width:32px;height:32px;border-radius:50%;font-size:22px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}.audio-loading{position:relative;overflow:hidden}.audio-loading:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:45%;background:#d5a23a;animation:load 1s infinite alternate}@keyframes load{to{width:100%}}@media(max-width:800px){.topbar{align-items:center}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:68px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:10px;border-radius:16px;background:#6c4108;box-shadow:var(--shadow)}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding:25px;min-height:auto}.grid.two,.grid.three{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.arabic{font-size:27px}.arabic.large{font-size:34px}.ayah{grid-template-columns:44px minmax(0,1fr);padding:16px}.ayah-no{width:38px;height:38px}.container{padding:18px 12px 105px}.audio-dock{grid-template-columns:auto 1fr}.audio-dock audio{grid-column:1/-1}.footer-inner{flex-direction:column}}
/* Golden Edition v4 additions */
.para-grid{display:grid;grid-template-columns:repeat(15,minmax(42px,1fr));gap:8px;margin:0 0 24px}.para-chip{display:grid;place-items:center;min-height:44px;border-radius:12px;background:#fff9e9;border:1px solid var(--line);font-weight:900;color:#74470b;box-shadow:0 5px 14px rgba(91,55,8,.06)}.para-chip:hover,.para-chip.active{background:linear-gradient(145deg,#f6df98,#b97d1c);color:#fff;border-color:#a66b12}.surah-divider{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-radius:18px;background:linear-gradient(135deg,#5e3908,#a36c18);color:#fff;box-shadow:var(--shadow)}.surah-divider b{font-family:"Noto Naskh Arabic","Traditional Arabic",serif;font-size:27px}.ayah-meta{color:var(--muted);font-size:13px;font-weight:800}.qaida-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;background:linear-gradient(135deg,#fffdf7,#f7e2a5)}.qaida-progress div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px}.qaida-progress b{font-size:34px;color:var(--gold-4)}.qaida-progress span{font-weight:800;color:var(--muted)}.qaida-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qaida-card.ayah{display:block;position:relative;overflow:hidden}.qaida-card:after{content:"۞";position:absolute;right:-18px;top:-30px;font-size:120px;color:rgba(165,106,18,.05);pointer-events:none}.lesson-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f5df9f;color:#70440a;font-size:12px;font-weight:900;text-transform:uppercase}.qaida-card h2{margin:12px 0 0}.qaida-ur{font-size:20px;margin-top:0}.qaida-letters{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.qaida-letters span{min-width:48px;min-height:48px;display:grid;place-items:center;padding:5px 10px;border-radius:12px;background:linear-gradient(145deg,#fff9e7,#f0d78d);border:1px solid #e0be67;font-family:"Noto Naskh Arabic","Traditional Arabic",serif;font-size:25px;font-weight:700}.qaida-example{padding:13px 15px;border-radius:16px;background:#fff8e4;border:1px solid #ecd49a}.qaida-example small{font-weight:900;color:#8a5a0c}.qaida-example .arabic{font-size:27px;margin:3px 0}.para-head form{min-width:220px}@media(max-width:900px){.para-grid{grid-template-columns:repeat(10,minmax(36px,1fr))}}@media(max-width:700px){.para-grid{grid-template-columns:repeat(6,minmax(38px,1fr))}.qaida-grid,.qaida-progress{grid-template-columns:1fr}.surah-divider{padding:14px 16px}.surah-divider b{font-size:23px}.qaida-letters span{min-width:44px;min-height:44px}}
/* Golden Edition v5: Easy Qaida, Tajweed and 30-Para Recite */
.tajweed-key{margin-bottom:22px;background:linear-gradient(145deg,#fffdf7,#fbefc8)}.tajweed-key h2{margin-bottom:12px}.tajweed-key-grid{display:flex;flex-wrap:wrap;gap:10px}.tj,.result-key{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;font-weight:900;border:1px solid transparent}.tj.madd{background:#dff0ff;color:#175c8b;border-color:#acd3ed}.tj.ghunnah{background:#e8dcff;color:#633b95;border-color:#cab0ee}.tj.qalqalah{background:#ffe2df;color:#9b3029;border-color:#efb7b0}.tj.stop{background:#e1f3e7;color:#246c44;border-color:#b7dfc6}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff7df;border:1px solid #dfc47e;color:#79500e;font-size:12px;font-weight:900}.easy-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.easy-steps div{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:13px;background:#fff9e9;border:1px solid #eed9a6}.easy-steps b{color:#81540c}.easy-steps span{font-size:13px;color:var(--muted);line-height:1.45}.practice-token{min-width:48px;min-height:48px;padding:5px 10px;border-radius:12px;border:1px solid #e0be67;background:linear-gradient(145deg,#fff9e7,#f0d78d);font-family:"Noto Naskh Arabic","Traditional Arabic",serif;font-size:25px;font-weight:700;cursor:pointer;color:var(--ink)}.practice-token.active{background:linear-gradient(145deg,#d9f0e3,#9fd2b5);border-color:#76b994;transform:scale(1.05)}.teacher-tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f5edff;border:1px solid #d9c7ec;margin:12px 0}.teacher-tip b{white-space:nowrap;color:#643e86}.teacher-tip span{color:#695b72;line-height:1.5}.qaida-sample.hidden-text{filter:blur(12px)}.qaida-card.completed{border-color:#8fc6a5;box-shadow:0 12px 34px rgba(34,122,80,.15)}.qaida-card.completed .lesson-badge{background:#d8f2e4;color:#176744}.practice-feedback{min-height:22px;margin-top:8px;font-weight:800;color:#227a50}.recite-tools{display:flex;align-items:center;gap:9px;margin:12px 0}.recite-instructions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.recite-instructions div{display:flex;align-items:center;gap:9px;padding:11px;border-radius:14px;background:#fff8e4;border:1px solid #ead3a0;font-weight:800}.recite-instructions b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f1d27a,#b67b1c);color:#fff}.result-key.ok{background:#d8f2e4;color:#155c3e}.result-key.bad{background:#ffdada;color:#a12222}.result-key.uncertain{background:#fff0b8;color:#845700}@media(max-width:700px){.easy-steps,.recite-instructions{grid-template-columns:1fr}.lesson-top{align-items:flex-start}.teacher-tip{flex-direction:column;gap:3px}.recite-tools{justify-content:space-between}}
/* Golden Edition v6: public learning, translations and deep Urdu Qaida */
.public-note{display:flex;align-items:center;gap:12px;margin-bottom:18px;background:linear-gradient(135deg,#e7f7ed,#fffdf7);border-color:#b8dec6}.public-note b{color:#176744}.public-note span{color:var(--muted)}
.translation-block{margin:12px 0;padding:14px 16px;border-radius:15px;border:1px solid var(--line);background:#fffaf0}.translation-block small{display:block;font-weight:900;color:#8a5b12;margin-bottom:5px}.translation-block p{line-height:1.7;margin:0}.translation-block.urdu{background:#fff8e5}.translation-block.urdu p{font-size:19px;line-height:2.1}.definition-box{padding:16px;border-radius:16px;background:linear-gradient(145deg,#fff8df,#f8e5ab);border:1px solid #e2c36e;margin:14px 0}.definition-box>b{color:#74470b}.urdu-explanation{font-size:20px;line-height:2.2;margin:8px 0 12px}.qaida-card{display:block}.qaida-card h3{margin:4px 0}.translated-reader .ayah{scroll-margin-top:90px}
@media(max-width:700px){.public-note{align-items:flex-start;flex-direction:column}.translation-block.urdu p,.urdu-explanation{font-size:18px}}

/* Golden Edition v7: translation only in Learn + mobile install prompt */
.install-popup{position:fixed;z-index:500;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px;border:1px solid rgba(255,235,174,.62);border-radius:24px;background:linear-gradient(145deg,#fffdf5 0%,#f9e7ad 55%,#efcc70 100%);box-shadow:0 25px 80px rgba(57,32,2,.38);color:#392505;animation:installRise .35s ease-out}.install-popup[hidden]{display:none}.install-popup-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#704308,#c18b28);color:#fff4ca;font-size:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 12px 30px rgba(91,54,5,.2)}.install-popup h2{margin:3px 36px 7px 0;font-size:25px}.install-popup p{margin:0;color:#655235;line-height:1.55}.install-kicker{font-weight:900;color:#8a570d;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.install-popup-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(104,62,6,.1);color:#5d3907;font-size:23px;cursor:pointer}.install-popup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.install-popup-actions .btn{padding:10px 15px}.install-ios-steps{margin-top:12px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.55);border:1px solid rgba(142,91,15,.19);line-height:1.55}.install-ios-steps span{display:block;margin-top:3px;color:#5f4b2d}@keyframes installRise{from{opacity:0;transform:translate(-50%,24px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(min-width:901px){.install-popup.mobile-only{display:none!important}}
@media(max-width:600px){.install-popup{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;border-radius:21px}.install-popup-icon{width:48px;height:48px;border-radius:15px;font-size:24px}.install-popup h2{font-size:21px}.install-popup p{font-size:14px}.install-popup-actions{display:grid;grid-template-columns:1fr 1fr}.install-popup-actions .btn{width:100%;padding:11px 8px}}

/* v8 organization credits */
.managed-by{display:block;margin-top:3px;font-style:normal;font-size:.68rem;letter-spacing:.04em;color:#f6dda2;opacity:.95}
footer a{color:#f3cf78;font-weight:800;text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:720px){.managed-by{font-size:.62rem}.footer-inner{gap:8px;text-align:center;justify-content:center}}