:root{--teal-50: #ECF5F5;--teal-100: #DEEDED;--teal-200: #BFE3E3;--teal-300: #8FD3D3;--teal-400: #58BBBB;--teal-500: #2EBBC3;--teal-600: #006C72;--teal-700: #00565B;--teal-800: #004A4F;--ink-900: #13131A;--ink-800: #1C2C3B;--ink-700: #4F6570;--ink-500: #6C6969;--ink-300: #B6B9BF;--ink-200: #E0E0E0;--ink-100: #F1F4F5;--surface: #FFFFFF;--surface-card: #FFFFFF;--surface-tint: #F7FBFB;--surface-mint: #ECF5F5;--surface-soft-mint: #E6FEFF;--gold-700: #604219;--gold-500: #B79279;--gold-300: #CEAE97;--gold-100: #F2E2D2;--gold-50: #F7EDDC;--danger: #C8102E;--success: #1F8A5B;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-1: 0 1px 2px rgba(28,44,59,.04), 0 2px 8px rgba(28,44,59,.04);--shadow-2: 0 4px 12px rgba(28,44,59,.06), 0 12px 32px rgba(28,44,59,.06);--shadow-3: 0 12px 40px rgba(28,44,59,.1), 0 24px 60px rgba(28,44,59,.08);--font-ui: "Poppins", "Inter", system-ui, sans-serif;--font-arabic: "Amiri Quran", "Scheherazade New", "Amiri", serif;--font-display: "Poppins", "Inter", system-ui, sans-serif}[data-theme=dark]{--surface: #0F1A22;--surface-card: #15222B;--surface-tint: #14222C;--surface-mint: #102127;--surface-soft-mint: #0B1A1E;--ink-900: #F4F8F9;--ink-800: #E6EEF1;--ink-700: #A6B5BC;--ink-500: #7E8C92;--ink-300: #495A63;--ink-200: #1F313B;--ink-100: #182832;--teal-50: #102C2E;--teal-100: #133838;--shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.25);--shadow-2: 0 4px 12px rgba(0,0,0,.35), 0 12px 32px rgba(0,0,0,.3);--shadow-3: 0 12px 40px rgba(0,0,0,.45), 0 24px 60px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:14px;color:var(--ink-800);background:var(--surface-tint);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.motif-bg{background-image:radial-gradient(60% 60% at 90% 10%,rgba(46,187,195,.1),transparent 70%),radial-gradient(40% 40% at 0% 100%,rgba(0,108,114,.08),transparent 70%)}.scroll-fade{-webkit-mask-image:linear-gradient(to bottom,transparent,black 24px,black calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,transparent,black 24px,black calc(100% - 24px),transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-300);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:500;font-size:14px;transition:transform .12s ease,background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal-400);color:#fff}.btn-primary:hover{background:var(--teal-600)}.btn-ghost{background:transparent;color:var(--ink-800)}.btn-ghost:hover{background:var(--ink-100)}.btn-outline{background:transparent;color:var(--teal-600);box-shadow:inset 0 0 0 1.5px var(--teal-400)}.btn-outline:hover{background:var(--teal-50)}.btn-dark{background:var(--ink-800);color:#fff}.btn-dark:hover{background:var(--ink-900)}.btn-lg{padding:14px 24px;font-size:15px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card-lg{border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;background:var(--teal-50);color:var(--teal-600);box-shadow:inset 0 0 0 1px var(--teal-200)}.divider{height:1px;background:var(--ink-200);border:0;margin:0}.app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}@media (max-width: 960px){.app-shell{grid-template-columns:76px 1fr}}.main-col{display:flex;flex-direction:column;min-width:0;background:var(--surface-tint)}.page{flex:1;padding:28px 36px 140px;max-width:1280px;width:100%;margin:0 auto}@media (max-width: 720px){.page{padding:20px 16px 140px}}.h1{font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--ink-800);margin:0}.h2{font-size:20px;font-weight:600;color:var(--ink-800);margin:0}.muted{color:var(--ink-500)}.ar{font-family:var(--font-arabic);direction:rtl;line-height:2;color:var(--ink-800)}.verse-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:radial-gradient(circle,var(--teal-50) 30%,transparent 70%);color:var(--teal-600);font-size:12px;font-weight:600;position:relative}.verse-num:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/star.svg) center/contain no-repeat;opacity:.85}.surah-band{background:var(--surface);border:2px solid var(--ink-800);border-radius:6px;padding:14px 24px;text-align:center;font-family:var(--font-arabic);font-size:36px;color:var(--ink-800);position:relative;overflow:hidden}.surah-band:before,.surah-band:after{content:"";position:absolute;top:0;bottom:0;width:90px;background-image:url(/assets/ornament.svg);background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.12;filter:brightness(0)}.surah-band:before{left:0}.surah-band:after{right:0;transform:scaleX(-1)}.lang-toggle{display:inline-flex;padding:3px;background:var(--ink-100);border-radius:999px}.lang-toggle button{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-700)}.lang-toggle button[aria-pressed=true]{background:var(--teal-400);color:#fff}.audio-dock{position:fixed;left:252px;right:0;bottom:0;height:84px;background:#ffffffeb;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-top:1px solid var(--ink-200);display:flex;align-items:center;padding:0 24px;gap:24px;z-index:40}[data-theme=dark] .audio-dock{background:#0f1a22eb}@media (max-width: 960px){.audio-dock{left:76px}}.audio-dock.hidden{display:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--teal-50);color:var(--teal-600);font-weight:600;overflow:hidden}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--ink-100);color:var(--ink-700);font-size:11px;font-weight:600;box-shadow:inset 0 -1px 0 var(--ink-200)}.input{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-200);transition:box-shadow .15s ease}.input:focus-within{box-shadow:inset 0 0 0 1.5px var(--teal-400)}.input input{flex:1;border:0;outline:0;background:transparent}.input input::placeholder{color:var(--ink-500)}.tile{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1);display:flex;align-items:center;gap:12px}.tile .icon-wrap{width:40px;height:40px;border-radius:12px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center}.verse-card{background:var(--surface-mint);border-radius:var(--radius);padding:22px 24px;display:grid;gap:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .4s ease both}.gradient-text{background:linear-gradient(135deg,var(--teal-600),var(--teal-400) 50%,var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}.dot{width:6px;height:6px;border-radius:999px;background:currentColor;display:inline-block}.sidebar{background:var(--surface);border-right:1px solid var(--ink-200);padding:20px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;margin-bottom:12px}.brand:hover{background:var(--ink-100)}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;display:flex;align-items:center;justify-content:center}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:600;font-size:14px;color:var(--ink-800)}.brand-sub{font-family:var(--font-arabic);font-size:12px;color:var(--teal-600)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--ink-700);text-align:left;font-weight:500}.nav-item:hover{background:var(--ink-100);color:var(--ink-800)}.nav-item.active{background:var(--teal-50);color:var(--teal-600);font-weight:600}.sidebar-section-title{font-size:11px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;padding:16px 12px 6px}.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--ink-200);display:flex;flex-direction:column;gap:8px}.user-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-mint)}.user-meta{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--ink-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-logout{padding:6px;border-radius:8px;color:var(--ink-700)}.user-logout:hover{background:var(--ink-100)}@media (max-width: 960px){.nav-item span,.brand-text,.sidebar-section-title,.user-meta,.user-logout{display:none}.nav-item,.brand{justify-content:center}.user-card{padding:6px;justify-content:center}}.topbar{display:flex;align-items:center;gap:16px;padding:14px 36px;background:var(--surface);border-bottom:1px solid var(--ink-200);position:sticky;top:0;z-index:30}.topbar-left{display:flex;flex-direction:column}.topbar-greet{display:flex;flex-direction:column;line-height:1.1}.topbar-search{flex:1;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--surface-tint);box-shadow:inset 0 0 0 1px var(--ink-200);color:var(--ink-500);font-size:13px;text-align:left}.topbar-search:hover{box-shadow:inset 0 0 0 1px var(--teal-400);color:var(--ink-700)}.topbar-search span:first-of-type{flex:1}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-date{display:flex;flex-direction:column;line-height:1.2;text-align:right;padding-right:6px;font-size:12px}.icon-btn{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-700);position:relative}.icon-btn:hover{background:var(--ink-100);color:var(--ink-800)}.icon-btn.small{width:32px;height:32px;border-radius:8px}.icon-btn.active{background:var(--teal-50);color:var(--teal-600)}.icon-btn.pill{width:auto;padding:0 10px}.icon-btn-light{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff}.icon-btn-light:hover{background:#ffffff40}.dot-badge{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:999px;background:var(--teal-500);box-shadow:0 0 0 2px var(--surface)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-head-actions{display:flex;gap:10px;align-items:center}.section-title{font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.home-page{display:flex;flex-direction:column;gap:24px}.home-hero{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:stretch}@media (max-width: 1080px){.home-hero{grid-template-columns:1fr}}.hero-left{padding:12px 0;position:relative;overflow:hidden}.hero-left:after{content:"";position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:220px;height:233px;background:url(/assets/ornament.svg) center / contain no-repeat;filter:brightness(0);opacity:.04;pointer-events:none}.hero-name{font-size:36px;font-weight:600;color:var(--ink-800);margin:4px 0 0;letter-spacing:-.01em}.prayer-card{border-radius:var(--radius-lg);background:linear-gradient(180deg,#1c2c3b0d,#1c2c3b8c 80%),radial-gradient(120% 80% at 80% 0%,#C77B3F,transparent 60%),linear-gradient(135deg,#2a1f1a,#4f3324,#2a1f1a);color:#fff;position:relative;overflow:hidden;min-height:320px}.prayer-card:after{content:"";position:absolute;right:-30px;top:-25px;width:180px;height:191px;background:url(/assets/ornament.svg) center / contain no-repeat;opacity:.18;pointer-events:none}.prayer-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(20% 20% at 75% 35%,rgba(255,200,120,.5),transparent 70%),radial-gradient(40% 40% at 90% 10%,rgba(255,160,90,.3),transparent 70%);pointer-events:none}.prayer-card-inner{position:relative;padding:22px;display:flex;flex-direction:column;height:100%;gap:18px}.prayer-times{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.prayer-time{padding:8px 6px;border-radius:10px;text-align:center;font-variant-numeric:tabular-nums}.prayer-time.passed{opacity:.55}.prayer-time.current{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff4d}.home-row{display:grid;grid-template-columns:1fr 320px;gap:20px}@media (max-width: 960px){.home-row{grid-template-columns:1fr}}.verse-of-day{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-1);background-image:radial-gradient(60% 60% at 95% 5%,var(--teal-50),transparent 60%);position:relative;overflow:hidden}.verse-of-day:before,.verse-of-day:after{content:"";position:absolute;width:90px;height:96px;background:url(/assets/ornament.svg) center / contain no-repeat;filter:brightness(0);opacity:.07;pointer-events:none}.verse-of-day:before{top:10px;right:10px}.verse-of-day:after{bottom:10px;left:10px;transform:scaleX(-1)}.verse-of-day-ar{font-size:36px;text-align:right;line-height:2;color:var(--ink-800);margin-top:8px;direction:rtl}.verse-of-day-en{font-size:16px;color:var(--ink-700);margin-top:14px;line-height:1.6}.streak-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:10px}.streak-flame{color:#e07a1f}.streak-num{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--ink-800)}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px}.streak-dot{aspect-ratio:1;border-radius:4px;background:var(--ink-100)}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 720px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1);display:flex;gap:12px;align-items:flex-start;position:relative;overflow:hidden}.stat-icon{width:40px;height:40px;border-radius:12px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center}.stat-card .stat-ornament{position:absolute;right:-6px;bottom:-6px;width:56px;height:auto;opacity:.05;color:var(--teal-700);pointer-events:none;transform:scaleX(-1)}[data-theme=dark] .stat-card .stat-ornament{opacity:.04;color:var(--teal-300)}.stat-value{font-size:22px;font-weight:600;color:var(--ink-800);margin-top:2px;line-height:1.1}.two-col{grid-template-columns:1fr 1fr}@media (max-width: 880px){.two-col{grid-template-columns:1fr}}.goals-card,.activity-card{padding:22px}.goal-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--ink-200)}.goal-row:first-of-type{border-top:0}.add-goal{margin-top:16px;padding:14px;border-radius:12px;border:1.5px dashed var(--ink-200);color:var(--teal-600);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.add-goal:hover{background:var(--teal-50);border-color:var(--teal-400)}.activity-chart{display:flex;align-items:flex-end;gap:14px;height:160px;padding-top:10px}.activity-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;height:var(--h);background:linear-gradient(180deg,var(--teal-300),var(--teal-500));border-radius:6px 6px 2px 2px;margin-top:auto}.last-read{margin-bottom:20px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.surah-chip{padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-200);font-size:13px;font-weight:500;color:var(--ink-800)}.surah-chip.active{background:var(--teal-50);color:var(--teal-600);box-shadow:inset 0 0 0 1.5px var(--teal-400)}.surah-chip.ghost{background:transparent;color:var(--ink-700)}.surah-chip:hover{background:var(--teal-50);color:var(--teal-600)}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--ink-200);border-bottom:1px solid var(--ink-200);margin-bottom:8px}.filter-pill{padding:6px 14px;border-radius:999px;font-size:13px;color:var(--ink-700)}.filter-pill.active{background:var(--ink-800);color:#fff}.filter-pill:hover:not(.active){background:var(--ink-100)}.surah-list{display:flex;flex-direction:column}.surah-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid var(--ink-200);cursor:pointer}.surah-row:hover{background:var(--surface-mint)}.surah-num{width:40px;height:40px;background:url(/assets/star.svg) center/contain no-repeat;color:var(--teal-600);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.surah-name{font-size:16px;font-weight:600;color:var(--teal-600)}.surah-ar{font-size:28px;color:var(--ink-800);min-width:120px;text-align:right;flex-shrink:0}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.surah-tile{background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-1);text-align:center;cursor:pointer;position:relative}.surah-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.surah-tile-num{position:absolute;top:14px;left:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--teal-600);background:var(--teal-50);border-radius:8px}.surah-tile-ar{font-size:36px;color:var(--ink-800);margin:18px 0 8px}.surah-tile-name{font-weight:600;color:var(--teal-600)}.seg,.seg-sm{display:inline-flex;padding:3px;background:var(--ink-100);border-radius:10px}.seg button,.seg-sm button{padding:6px 10px;border-radius:8px;color:var(--ink-700);font-size:12px;font-weight:500}.seg button.active,.seg-sm button.active{background:var(--surface);color:var(--ink-800);box-shadow:var(--shadow-1)}.reader-page{max-width:960px}.reader-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);margin-bottom:16px}.reader-title{flex:1}.reader-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 18px;background:var(--surface);border-radius:var(--radius);margin-bottom:24px}.reader-toggles{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-700);cursor:pointer}.toggle-label input{accent-color:var(--teal-400)}.font-control input[type=range]{width:100px;accent-color:var(--teal-400)}.reader-body{display:flex;flex-direction:column;gap:14px}.surah-band{background:var(--surface);border:2px solid var(--ink-800);border-radius:8px;padding:14px 24px;text-align:center;font-family:var(--font-arabic);font-size:38px;color:var(--ink-800);position:relative;margin-bottom:6px;background-image:repeating-linear-gradient(135deg,var(--ink-100),var(--ink-100) 6px,transparent 6px,transparent 14px);background-size:80px 100%;background-position:left center,right center;background-repeat:no-repeat}[data-theme=dark] .surah-band{color:var(--ink-800);border-color:var(--ink-300)}.verse-list{display:flex;flex-direction:column;gap:6px}.verse-block{display:flex;gap:14px;padding:24px;background:var(--surface-mint);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s ease}.verse-block.active{box-shadow:inset 0 0 0 2px var(--teal-400);background:var(--surface-soft-mint)}.verse-block-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.verse-content{flex:1;min-width:0}.word-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-start;direction:rtl}.word-cell{text-align:center;padding:8px;border-radius:8px;cursor:pointer}.word-cell:hover{background:#2ebbc31a}.word-ar{font-family:var(--font-arabic);color:var(--ink-800);line-height:1.6}.word-en{font-size:11px;margin-top:4px;direction:ltr}.verse-ar{font-family:var(--font-arabic);color:var(--ink-800);line-height:2}.verse-translation{color:var(--ink-700);font-size:16px;margin-top:16px;line-height:1.7}.verse-translation.dual{display:flex;gap:12px;align-items:flex-start}.lang-tag{font-size:10px;font-weight:700;color:var(--teal-600);background:var(--teal-50);padding:2px 6px;border-radius:4px;flex-shrink:0;margin-top:4px}.translit{font-style:italic;margin-top:10px;font-size:14px}.layout-dual .word-grid,.layout-dual .verse-ar{font-size:28px!important}.mushaf-page{background:linear-gradient(180deg,#fbf6e8,#f8efd8);border:8px solid var(--ink-800);border-radius:8px;padding:60px 50px 40px;position:relative;margin:0 auto;max-width:760px}.mushaf-frame{display:flex;flex-direction:column;gap:20px}.mushaf-line{text-align:center;color:var(--ink-800);line-height:1.8;direction:rtl}.mushaf-meta{display:flex;justify-content:space-between;margin-top:40px;padding-top:16px;border-top:1px solid rgba(28,44,59,.15)}[data-theme=dark] .mushaf-page{background:linear-gradient(180deg,#1f2a33,#15202a);border-color:var(--ink-300)}.page-flip{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:20px;border-top:1px solid var(--ink-200)}.tafsir-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a2266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:50;animation:fadeUp .2s ease}.tafsir-inner{background:var(--surface);width:480px;max-width:100%;height:100%;padding:24px;overflow-y:auto;box-shadow:var(--shadow-3)}.settings-grid{display:grid;grid-template-columns:240px 1fr;gap:32px}@media (max-width: 880px){.settings-grid{grid-template-columns:1fr}}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:80px;align-self:flex-start}.settings-content{background:var(--surface);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-1)}.profile-head{display:flex;gap:18px;align-items:center}.field-row{display:flex;align-items:center;padding:14px 0;border-top:1px solid var(--ink-200);gap:14px}.field-row:first-of-type{border-top:0}.setting-section{padding:16px 0;border-top:1px solid var(--ink-200)}.setting-section:first-of-type{border-top:0;padding-top:0}.setting-label{font-weight:500;margin-bottom:10px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{padding:8px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--ink-200);text-align:center;background:var(--surface)}.theme-card.selected{box-shadow:inset 0 0 0 2px var(--teal-400)}.theme-preview{aspect-ratio:16/10;border-radius:8px}.theme-preview.theme-light{background:linear-gradient(135deg,#ecf5f5,#fff);box-shadow:inset 0 0 0 1px var(--ink-200)}.theme-preview.theme-dark{background:linear-gradient(135deg,#14222c,#0f1a22)}.theme-preview.theme-auto{background:linear-gradient(90deg,#ecf5f5 50%,#14222c 50%)}.color-swatch{width:32px;height:32px;border-radius:50%;border:0;cursor:pointer}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--ink-200);cursor:pointer}.switch{width:36px;height:20px;border-radius:999px;background:var(--ink-200);position:relative;transition:background .15s ease;display:inline-block}.switch.on{background:var(--teal-400)}.switch .thumb{position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:999px;transition:left .15s ease}.switch.on .thumb{left:18px}.radio-row{display:flex;gap:8px;flex-wrap:wrap}.radio-pill{padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-200);font-size:13px;color:var(--ink-700)}.radio-pill.active{background:var(--teal-50);color:var(--teal-600);box-shadow:inset 0 0 0 1.5px var(--teal-400)}.download-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--ink-200)}.download-row:first-of-type{border-top:0}.download-icon{width:36px;height:36px;border-radius:10px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center}.link-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;border-top:1px solid var(--ink-200);color:var(--ink-700)}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width: 880px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.auth-art{background:linear-gradient(180deg,#006c72d9,#004c52f2),radial-gradient(60% 60% at 80% 20%,rgba(46,187,195,.5),transparent 60%);display:flex;flex-direction:column;padding:60px;position:relative;color:#fff}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-top:60px}.auth-quote{margin-top:auto}.auth-form{display:flex;align-items:center;justify-content:center;padding:48px;background:var(--surface)}.auth-form-inner{width:100%;max-width:400px}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--ink-500);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--ink-200)}.search-page{max-width:1100px}.search-hero{margin-bottom:24px}.search-big{padding:18px 22px;font-size:16px;border-radius:16px;box-shadow:var(--shadow-1)}.search-big input{font-size:18px}.search-filters{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.search-grid{display:grid;grid-template-columns:240px 1fr;gap:32px}@media (max-width: 880px){.search-grid{grid-template-columns:1fr}}.recent-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;width:100%;text-align:left;color:var(--ink-700);font-size:13px}.recent-row:hover{background:var(--ink-100)}.search-result{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-1);margin-bottom:12px;cursor:pointer}.search-result:hover{box-shadow:var(--shadow-2)}.search-result mark{background:var(--gold-100);color:var(--gold-700);padding:0 3px;border-radius:3px;font-weight:500}.memorize-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-top:18px}@media (max-width: 960px){.memorize-grid{grid-template-columns:1fr}}.memorize-hero{display:flex;gap:20px;padding:28px;background:var(--surface-mint)}.memorize-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.memorize-mode{background:var(--surface);border-radius:var(--radius);padding:18px;text-align:left;box-shadow:var(--shadow-1)}.memorize-mode:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.mode-icon{width:36px;height:36px;border-radius:10px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.bookmark-card{background:var(--surface);border-radius:var(--radius);display:flex;box-shadow:var(--shadow-1);cursor:pointer;overflow:hidden;position:relative}.bookmark-card:after{content:"";position:absolute;right:-8px;bottom:-8px;width:80px;height:85px;background:url(/assets/ornament.svg) center / contain no-repeat;filter:brightness(0);opacity:.06;pointer-events:none}.bookmark-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.bookmark-spine{width:6px;flex-shrink:0}.bookmark-list{display:flex;flex-direction:column;gap:8px}.bookmark-row{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);cursor:pointer}.bookmark-row:hover{background:var(--surface-mint)}.reciter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.reciter-card{background:var(--surface);border-radius:var(--radius-lg);padding:22px;text-align:center;box-shadow:var(--shadow-1)}.reciter-card .avatar{margin:0 auto 10px}.dock-track{display:flex;align-items:center;gap:12px;flex:0 0 240px;min-width:0}.dock-art{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--teal-400),var(--teal-600));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-meta{min-width:0;flex:1}.dock-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-reciter{font-size:11px}.dock-controls{flex:1;display:flex;flex-direction:column;gap:6px;max-width:600px;margin:0 auto}.dock-buttons{display:flex;justify-content:center;gap:6px;align-items:center}.play-btn{width:36px;height:36px;border-radius:999px;background:var(--ink-800);color:#fff;display:inline-flex;align-items:center;justify-content:center}.play-btn:hover{background:var(--ink-900)}.play-btn.small{width:32px;height:32px}.dock-progress{display:flex;gap:10px;align-items:center}.progress-bar{flex:1;height:4px;background:var(--ink-200);border-radius:999px;position:relative;cursor:pointer}.progress-fill{height:100%;background:var(--teal-400);border-radius:999px}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--surface);border:2px solid var(--teal-400);border-radius:999px;opacity:0;transition:opacity .15s ease}.progress-bar:hover .progress-thumb{opacity:1}.dock-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.vol-wrap{display:flex;align-items:center;gap:4px}.vol-track input[type=range]{width:70px;accent-color:var(--teal-400)}@media (max-width: 880px){.dock-track{flex:0 0 auto}.dock-meta,.vol-wrap .vol-track{display:none}}.landing{background:var(--surface)}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 60px;position:sticky;top:0;z-index:30;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-200)}.lp-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.lp-nav-links{display:flex;gap:28px;font-size:14px;color:var(--ink-700)}.lp-nav-links a{cursor:pointer}.lp-nav-links a:hover{color:var(--teal-600)}.lp-nav-cta{display:flex;gap:8px}@media (max-width: 720px){.lp-nav-links{display:none}.lp-nav{padding:16px 20px}}.lp-hero{padding:80px 60px 100px;background:radial-gradient(50% 50% at 80% 30%,rgba(88,187,187,.18),transparent 70%),radial-gradient(40% 50% at 20% 70%,rgba(96,66,25,.08),transparent 70%)}.lp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1280px;margin:0 auto;align-items:center}@media (max-width: 960px){.lp-hero-inner{grid-template-columns:1fr}.lp-hero{padding:40px 20px}}.lp-h1{font-size:64px;line-height:1.05;font-weight:600;letter-spacing:-.02em;margin:18px 0 24px;color:var(--ink-800);text-wrap:pretty}@media (max-width: 720px){.lp-h1{font-size:40px}}.lp-lede{font-size:18px;color:var(--ink-700);max-width:480px;line-height:1.6}.lp-hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.lp-trust{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:13px}.lp-trust-stars{color:var(--gold-500);display:flex;gap:2px}.lp-hero-art{position:relative}.lp-bg-blur{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(50% 50% at 50% 50%,rgba(46,187,195,.25),transparent 70%);z-index:0;pointer-events:none}.lp-card-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto}.lp-card{background:var(--surface);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-2)}.lp-card-verse{transform:rotate(-1deg)}.lp-card-now{display:flex;align-items:center;gap:14px;transform:translate(40px) rotate(1.5deg);padding:16px}.lp-card-streak{display:inline-flex;gap:12px;align-items:center;align-self:flex-start;padding:14px 18px;transform:translate(-20px);color:#e07a1f}.lp-card-streak div{color:var(--ink-800)}.lp-features{padding:80px 60px}.lp-section-head{text-align:center;max-width:720px;margin:0 auto 48px}.lp-h2{font-size:40px;font-weight:600;letter-spacing:-.01em;margin:16px 0;text-wrap:pretty}.lp-section-sub{font-size:16px}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:0 auto}@media (max-width: 880px){.lp-feature-grid{grid-template-columns:1fr}.lp-features{padding:60px 20px}.lp-h2{font-size:32px}}.lp-feature{background:var(--surface);border-radius:var(--radius-lg);padding:28px;box-shadow:inset 0 0 0 1px var(--ink-200)}.lp-feature:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.lp-feature-icon{width:44px;height:44px;border-radius:12px;background:var(--teal-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-feature h3{font-size:18px;font-weight:600;margin:0 0 8px}.lp-feature p{font-size:14px;line-height:1.6;margin:0}.lp-reciters{padding:80px 60px;background:var(--surface-mint)}.lp-reciters-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1180px;margin:0 auto;align-items:center}@media (max-width: 880px){.lp-reciters-grid{grid-template-columns:1fr;gap:32px}.lp-reciters{padding:60px 20px}}.lp-reciter-list{display:flex;flex-direction:column;gap:8px}.lp-reciter-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow-1)}.lp-download{padding:80px 60px}.lp-download-card{background:linear-gradient(135deg,var(--ink-800) 0%,#2A4151 50%,var(--teal-600) 100%);color:#fff;border-radius:var(--radius-lg);padding:60px;max-width:1180px;margin:0 auto;position:relative;overflow:hidden}.lp-download-card:before{content:"";position:absolute;top:-40%;right:-10%;width:60%;height:180%;background:radial-gradient(50% 50% at 50% 50%,rgba(46,187,195,.4),transparent 70%);pointer-events:none}.lp-download-ctas{display:flex;gap:10px;margin-top:28px;position:relative;flex-wrap:wrap}@media (max-width: 720px){.lp-download{padding:40px 20px}.lp-download-card{padding:32px}}.lp-footer{background:var(--surface);padding:60px 60px 30px;border-top:1px solid var(--ink-200)}.lp-footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;max-width:1280px;margin:0 auto 32px}.lp-footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.lp-footer-h{font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.lp-footer-cols a{display:block;padding:4px 0;font-size:13px;color:var(--ink-700);cursor:pointer}.lp-footer-cols a:hover{color:var(--teal-600)}.lp-footer-base{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding-top:18px;border-top:1px solid var(--ink-200);font-size:12px}@media (max-width: 720px){.lp-footer-inner{grid-template-columns:1fr;gap:32px}.lp-footer-cols{grid-template-columns:1fr 1fr}.lp-footer{padding:40px 20px 20px}}[data-density=compact] .surah-row{padding:10px 12px}[data-density=compact] .verse-block{padding:16px}[data-density=compact] .stat-card{padding:12px}.reader-shell{width:100%}.reader-three{padding:0 36px 120px}.reader-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--ink-100);border-radius:0;box-shadow:none;margin-bottom:0;position:sticky;top:0;background:var(--surface);z-index:10}.reader-title{flex:1;min-width:0}.seg-sm button{padding:6px 10px;font-size:12px}.reader-controls{display:flex;justify-content:space-between;align-items:center;padding:14px 36px;gap:16px;flex-wrap:wrap;background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}@media (max-width: 700px){.reader-three{padding:0 16px 80px}.reader-bar,.reader-controls{padding:14px 16px}}.toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-700);cursor:pointer}.font-control{display:flex;align-items:center;gap:8px}.font-control input[type=range]{width:120px;accent-color:var(--teal-500)}.reader-three{display:grid;grid-template-columns:1fr;gap:24px}.reader-three.with-tafsir{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.reader-main{min-width:0;display:flex;flex-direction:column;gap:14px}.surah-band{text-align:center;font-family:var(--font-arabic);font-size:36px;color:var(--teal-600);padding:30px 16px;background:linear-gradient(180deg,var(--surface-mint),transparent);border-radius:var(--radius-lg);border-bottom:2px solid var(--teal-200)}.translations-stack{margin-top:18px;display:flex;flex-direction:column;gap:14px}.translation-row{padding:14px 16px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--ink-100)}.translation-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.translation-text{margin:0;line-height:1.7;color:var(--ink-700)}.ruku-end-divider{display:flex;align-items:center;gap:10px;margin:2px 0;padding:0 4px}.ruku-end-divider:before,.ruku-end-divider:after{content:"";flex:1;height:1px;background:var(--teal-100)}.ruku-end-symbol{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:1.5px solid var(--teal-400);border-radius:50%;font-family:var(--font-arabic);font-size:14px;color:var(--teal-600);line-height:1}.ruku-end-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-500);white-space:nowrap}[data-theme=dark] .ruku-end-divider:before,[data-theme=dark] .ruku-end-divider:after{background:#2ebbc326}[data-theme=dark] .ruku-end-symbol{border-color:var(--teal-500);color:var(--teal-400)}[data-theme=dark] .ruku-end-label{color:var(--teal-400)}.verse-qmarkers{display:flex;flex-direction:column;align-items:center;gap:4px}.hizb-marker{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 5px;font-size:11px;font-weight:700;color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-200);border-radius:6px;line-height:1;cursor:default}.hizb-marker.hizb-start{background:var(--teal-100);border-color:var(--teal-400)}[data-theme=dark] .hizb-marker{background:#2ebbc31a;border-color:var(--teal-700);color:var(--teal-300)}[data-theme=dark] .hizb-marker.hizb-start{background:#2ebbc333;border-color:var(--teal-500)}.sajda-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 5px;font-size:11px;font-weight:700;font-family:var(--font-arabic);color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;line-height:1;cursor:default}.sajda-badge.obligatory{color:#7c2d12;background:#fff7ed;border-color:#fb923c}[data-theme=dark] .sajda-badge{color:#fcd34d;background:#fcd34d1f;border-color:#b45309}[data-theme=dark] .sajda-badge.obligatory{color:#fb923c;background:#fb923c1f;border-color:#c2410c}.surah-meta-line{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--ink-500)}.sml-part{font-weight:500}.sml-sep{color:var(--ink-300);font-weight:300;font-size:14px;line-height:1}[data-theme=dark] .surah-meta-line{color:var(--ink-400)}[data-theme=dark] .sml-sep{color:var(--ink-500)}.manzil-num-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--teal-300);border-radius:50%;font-size:15px;font-weight:700;color:var(--teal-600)}[data-theme=dark] .manzil-num-badge{border-color:var(--teal-500);color:var(--teal-400)}.sajda-inline-tag{font-family:var(--font-arabic);font-size:12px;font-weight:600;color:#92400e;direction:rtl;display:inline-flex;align-items:center;gap:4px}[data-theme=dark] .sajda-inline-tag{color:#fcd34d}.sajda-dedicated{display:flex;flex-direction:column;gap:28px}.sajda-group-header{display:flex;align-items:center;gap:12px;padding:10px 0 12px;border-bottom:2px solid var(--ink-100);margin-bottom:4px}.sajda-group-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.sajda-group-badge.obligatory{background:#fff7ed;border:1.5px solid #fb923c;color:#7c2d12}.sajda-group-badge.recommended{background:#fefce8;border:1.5px solid #fcd34d;color:#78350f}[data-theme=dark] .sajda-group-badge.obligatory{background:#fb923c1f;border-color:#c2410c;color:#fb923c}[data-theme=dark] .sajda-group-badge.recommended{background:#fcd34d1a;border-color:#b45309;color:#fcd34d}.sajda-cards{display:flex;flex-direction:column;gap:10px}.sajda-card{background:var(--surface-card);border:1px solid var(--ink-100);border-radius:16px;padding:22px 28px 16px;text-align:right}.sajda-card-arabic{font-size:26px;color:var(--ink-900);direction:rtl;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sajda-card-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--ink-500);direction:ltr;text-align:left}.sajda-card-ref{font-weight:700;color:var(--teal-600);font-size:13px}[data-theme=dark] .sajda-card{background:var(--surface-card);border-color:var(--ink-200)}[data-theme=dark] .sajda-card:hover{background:var(--surface-mint);border-color:var(--teal-600)}[data-theme=dark] .sajda-card-arabic{color:var(--ink-100)}.sajda-type-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.sajda-type-pill.obligatory{background:#fff7ed;border:1px solid #fb923c;color:#7c2d12}.sajda-type-pill.recommended{background:#fefce8;border:1px solid #fcd34d;color:#78350f}[data-theme=dark] .sajda-type-pill.obligatory{background:#fb923c1f;border-color:#c2410c;color:#fb923c}[data-theme=dark] .sajda-type-pill.recommended{background:#fcd34d1a;border-color:#b45309;color:#fcd34d}.tafsir-side{background:var(--surface);border:1px solid var(--ink-100);border-radius:var(--radius-lg);position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}.tafsir-side-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--ink-100)}.tafsir-tabs{display:flex;padding:8px;gap:4px;border-bottom:1px solid var(--ink-100);overflow-x:auto}.tafsir-tab{padding:6px 10px;font-size:12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--ink-700);white-space:nowrap}.tafsir-tab.active{background:var(--teal-50);color:var(--teal-700);font-weight:600}.tafsir-body{padding:18px 20px;overflow-y:auto}.tafsir-body p{color:var(--ink-700);font-size:14px;line-height:1.7;margin:0 0 12px}.tafsir-h{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-600);margin:14px 0 6px;font-weight:700}.tafsir-verse-ref{padding:12px;background:var(--surface-mint);border-radius:var(--radius);margin-bottom:14px}.tafsir-xref{padding-left:18px;margin:0;font-size:13px;color:var(--ink-700)}.tafsir-xref li{margin-bottom:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a2280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.modal-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2)}.tr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:14px}.tr-group-label{grid-column:1 / -1;font-size:11px;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;padding:10px 2px 4px;border-top:1px solid var(--ink-100);margin-top:4px}.tr-group-label:first-child{border-top:none;margin-top:0;padding-top:4px}.tr-card{position:relative;padding:14px 10px;border:1.5px solid var(--ink-100);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;transition:all .15s}.tr-card:hover{border-color:var(--teal-300)}.tr-card.selected{border-color:var(--teal-500);background:var(--teal-50)}.tr-card-soon{opacity:.45;cursor:not-allowed}.tr-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--teal-500);color:#fff;display:flex;align-items:center;justify-content:center}.store-page{padding-bottom:60px}.crumb{font-size:13px;color:var(--ink-500);margin-bottom:18px}.crumb a{color:var(--ink-500);cursor:pointer}.crumb a:hover{color:var(--teal-600)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}@media (max-width: 1100px){.product-grid{grid-template-columns:1fr}}.product-hero{aspect-ratio:4/5;border-radius:var(--radius-lg);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-2)}.mushaf-mock{position:relative;width:65%;aspect-ratio:3/4;transform:perspective(900px) rotateY(-8deg);transform-style:preserve-3d}.mushaf-spine{position:absolute;left:-8px;top:0;bottom:0;width:14px;background:#00000059;border-radius:2px 0 0 2px;transform:translateZ(-2px)}.mushaf-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;border-radius:4px 8px 8px 4px;box-shadow:inset 0 0 80px #0006,0 30px 50px -20px #0009;display:flex;align-items:center;justify-content:center;padding:30px}.mushaf-emboss{text-align:center;padding:30px 18px;border:1.5px solid rgba(232,199,123,.4);border-radius:4px}.product-badges{position:absolute;top:16px;left:16px;display:flex;gap:6px;flex-wrap:wrap}.product-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.product-thumb{aspect-ratio:1;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65;transition:all .15s}.product-thumb.active,.product-thumb:hover{opacity:1;box-shadow:0 0 0 2px var(--teal-500)}.product-info{padding-top:6px}.product-rating{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.product-price{display:flex;align-items:baseline;gap:12px;padding:18px 0;border-bottom:1px solid var(--ink-100);margin-top:14px}.price-current{font-size:36px;font-weight:700;color:var(--ink-800)}.price-original{font-size:18px;color:var(--ink-500);text-decoration:line-through}.product-section{padding:18px 0;border-bottom:1px solid var(--ink-100)}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.size-card{padding:12px;border:1.5px solid var(--ink-100);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;transition:all .15s}.size-card.selected{border-color:var(--teal-500);background:var(--teal-50)}.color-row{display:flex;gap:10px;margin-top:8px}.color-pill{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink-100);cursor:pointer;transition:all .15s}.color-pill.selected{border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-50);transform:scale(1.05)}.product-cta{display:flex;align-items:center;gap:10px;padding:22px 0}.qty-stepper{display:flex;align-items:center;gap:6px;padding:4px;border:1.5px solid var(--ink-100);border-radius:var(--radius)}.qty-stepper button{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.qty-stepper button:hover{background:var(--ink-100)}.product-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:18px;border-top:1px solid var(--ink-100)}.perk{display:flex;gap:10px;align-items:flex-start}.perk-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-mint);display:flex;align-items:center;justify-content:center;color:var(--teal-600);flex-shrink:0}.product-tabs{display:flex;gap:4px;margin:40px 0 0;border-bottom:1px solid var(--ink-100)}.tab{padding:12px 18px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink-500);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--teal-600);border-bottom-color:var(--teal-500)}.product-tab-body{padding:24px 0}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 32px}.spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--ink-100);font-size:14px}.highlights-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.highlights-list li{display:flex;gap:12px;align-items:center;padding:14px;background:var(--surface-mint);border-radius:var(--radius);font-size:14px}.sample-spread{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-row{display:flex;gap:14px;padding:18px;background:var(--surface-mint);border-radius:var(--radius)}.related-section{margin-top:60px}.book-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:16px}@media (max-width: 1100px){.book-strip{grid-template-columns:repeat(2,1fr)}}.books-page{padding-bottom:60px}.books-hero{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center;padding:30px 0 50px}@media (max-width: 1100px){.books-hero{grid-template-columns:1fr}}.books-hero-stack{position:relative;height:300px;display:flex;justify-content:center;align-items:center}.hero-book{width:180px;aspect-ratio:3/4;border-radius:4px 8px 8px 4px;position:absolute;box-shadow:0 30px 50px -20px #0006;display:flex;align-items:center;justify-content:center;padding:24px}.book-cover-inner{color:#fffffff2;text-align:center}.book-cover-title{font-size:14px;font-weight:600;margin-top:8px;line-height:1.3}.books-page .filter-bar{gap:8px;padding:16px 0;border-top:none;border-bottom:1px solid var(--ink-100)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 18px;padding:30px 0}.book-card{cursor:pointer;transition:transform .15s}.book-card:hover{transform:translateY(-4px)}.book-cover{aspect-ratio:3/4;border-radius:4px 8px 8px 4px;padding:18px;position:relative;box-shadow:0 14px 28px -14px #0006;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.book-badge{position:absolute;top:8px;right:8px;background:var(--gold-500);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.book-cat{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.book-title{font-size:14px;font-weight:600;margin-top:4px;line-height:1.3}.book-meta{display:flex;align-items:center;gap:8px;margin-top:8px}.book-price{font-weight:700;color:var(--teal-600)}.book-original{color:var(--ink-500);text-decoration:line-through;font-size:12px}.press-note{padding:30px;background:var(--surface-mint);border-radius:var(--radius-lg);text-align:center;margin-top:30px}.press-note p{max-width:560px;margin:14px auto 18px;font-size:16px;line-height:1.6;color:var(--ink-700)}.info-page{padding-bottom:80px;max-width:1080px}.info-hero{text-align:center;padding:40px 0 50px}.info-hero .chip{display:inline-block}.info-lede{font-size:18px;color:var(--ink-700);max-width:640px;margin:18px auto 0;line-height:1.6}.gradient-text{background:linear-gradient(135deg,var(--teal-500),var(--teal-700));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 0;border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100)}@media (max-width: 800px){.stat-row{grid-template-columns:repeat(2,1fr)}}.big-stat{text-align:center}.big-stat-v{font-size:40px;font-weight:700;line-height:1}.info-section{padding:40px 0;max-width:720px;margin:0 auto}.info-section p{font-size:16px;line-height:1.7;color:var(--ink-700);margin-top:14px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}@media (max-width: 800px){.team-grid{grid-template-columns:repeat(2,1fr)}}.team-card{padding:22px;background:var(--surface-mint);border-radius:var(--radius-lg);text-align:center}.info-cta{padding:50px 30px;text-align:center;background:var(--surface-mint);border-radius:var(--radius-lg);margin-top:40px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:30px 0}@media (max-width: 1000px){.contact-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--surface);border:1px solid var(--ink-100);border-radius:var(--radius-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field label{font-size:12px;font-weight:600;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:block}.textarea{width:100%;padding:12px;border:1px solid var(--ink-100);border-radius:var(--radius);font-family:inherit;font-size:14px;resize:vertical;background:var(--surface);color:var(--ink-800)}.textarea:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-50)}.radio-row{display:flex;gap:6px;flex-wrap:wrap}.radio-pill{padding:6px 12px;font-size:13px;border:1.5px solid var(--ink-100);border-radius:999px;background:var(--surface);cursor:pointer;color:var(--ink-700)}.radio-pill.active{background:var(--ink-800);color:#fff;border-color:var(--ink-800)}.contact-info{display:flex;flex-direction:column;gap:18px}.contact-block{display:flex;gap:14px;padding:16px;background:var(--surface-mint);border-radius:var(--radius);align-items:flex-start}.donate-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;padding:20px 0}@media (max-width: 1100px){.donate-grid{grid-template-columns:1fr}}.donate-form{padding:30px}.program-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.program-card{display:flex;gap:14px;padding:14px;border:1.5px solid var(--ink-100);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;transition:all .15s}.program-card.selected{border-color:var(--teal-500);background:var(--teal-50)}.program-icon{width:36px;height:36px;border-radius:8px;background:var(--surface-mint);color:var(--teal-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.amount-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}@media (max-width: 600px){.amount-grid{grid-template-columns:repeat(3,1fr)}}.amount-pill{padding:12px;border:1.5px solid var(--ink-100);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:600;font-size:15px;color:var(--ink-700)}.amount-pill.active{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.impact-line{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface-mint);border-radius:var(--radius);margin-top:12px;font-size:13px;color:var(--ink-700)}.alloc-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.other-give{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--ink-100)}.other-give:first-of-type{border-top:none}.donate-side{display:flex;flex-direction:column}.setting-section{padding:16px 0;border-top:1px solid var(--ink-100)}.setting-section:first-of-type{border-top:none;padding-top:0}.setting-label{font-size:12px;font-weight:600;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.legal-page{max-width:1100px;padding-bottom:80px}.legal-grid{display:grid;grid-template-columns:220px 1fr;gap:40px;padding-top:40px}@media (max-width: 800px){.legal-grid{grid-template-columns:1fr}}.legal-toc{position:sticky;top:80px;align-self:flex-start;padding:18px;border:1px solid var(--ink-100);border-radius:var(--radius);background:var(--surface)}.toc-link{display:block;padding:6px 8px;font-size:13px;color:var(--ink-700);text-decoration:none;border-radius:6px;cursor:pointer}.toc-link:hover{background:var(--ink-100);color:var(--teal-600)}.legal-body{max-width:720px}.legal-body section{padding:18px 0;border-bottom:1px solid var(--ink-100)}.legal-body h2{font-size:18px;margin:0 0 8px;color:var(--ink-800)}.legal-body p{color:var(--ink-700);line-height:1.7;margin:0;font-size:15px}.divider{border:none;border-top:1px solid var(--ink-100)}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);margin-bottom:8px}.marketing{display:flex;flex-direction:column;min-height:100vh;background:var(--surface)}.marketing-body{flex:1}.marketing-body>.page{max-width:1280px;margin:0 auto;padding:40px 60px 100px}@media (max-width: 720px){.marketing-body>.page{padding:24px 20px 80px}}.lp-nav-links a.active{color:var(--teal-600);font-weight:600}.lp-social{display:flex;gap:10px;margin-top:16px}.lp-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--surface-mint);color:var(--teal-600);cursor:pointer;transition:background .15s,color .15s}.lp-social a:hover{background:var(--teal-500);color:#fff}.marketing .info-hero{padding-top:60px}.exams-page{max-width:1200px}.exam-stat-strip{display:flex;gap:22px;padding:14px 20px;background:var(--surface-mint);border-radius:14px}.exam-stat-n{font-size:22px;font-weight:700;color:var(--teal-700)}.exam-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ink-200);margin:8px 0 24px}.exam-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:transparent;border:0;cursor:pointer;color:var(--ink-700);font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.exam-tab.active{color:var(--teal-700);border-bottom-color:var(--teal-500)}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--surface-mint);color:var(--teal-700);font-size:11px;font-weight:600}.exam-tab.active .count-pill{background:var(--teal-500);color:#fff}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.exam-card{background:var(--surface-card);border:1px solid var(--ink-200);border-radius:18px;overflow:hidden;transition:transform .15s,box-shadow .15s}.exam-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px -18px #0000002e}.exam-card-cover{position:relative;height:120px;color:#fff;padding:16px 18px;display:flex;align-items:flex-end;overflow:hidden}.exam-card-cover:after{content:"";position:absolute;left:-15px;bottom:-15px;width:130px;height:138px;background:url(/assets/ornament.svg) center / contain no-repeat;opacity:.2;pointer-events:none;transform:scaleX(-1)}.exam-cover-glyph{position:absolute;right:-8px;top:-8px;color:#fff}.exam-cover-pts{position:absolute;top:14px;right:16px;background:#ffffff2e;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.exam-percent{font-size:42px;font-weight:700;line-height:1;color:#fff}.exam-status-tag{position:absolute;top:14px;left:16px;background:#ffffff38;color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.exam-status-tag.new{background:var(--gold-500);color:var(--ink-900)}.exam-badge{position:absolute;top:14px;right:16px;background:var(--gold-500);color:var(--ink-900);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.exam-card-body{padding:18px;display:flex;flex-direction:column;gap:10px}.exam-card-title{font-size:17px;font-weight:600;line-height:1.35;margin-top:4px}.exam-card-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-700)}.exam-card-meta span{display:inline-flex;align-items:center;gap:6px}.exam-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--ink-200)}.exam-result-bar{height:6px;border-radius:999px;background:var(--ink-200);overflow:hidden}.exam-result-fill{height:100%;border-radius:999px}.exam-take{display:flex;flex-direction:column;min-height:calc(100vh - 64px);background:var(--surface)}.exam-take-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:18px;padding:16px 28px;border-bottom:1px solid var(--ink-200);background:var(--surface-card);position:sticky;top:0;z-index:4}.exam-take-title{text-align:center}.exam-timer{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-mint);color:var(--teal-700);font-weight:700;font-variant-numeric:tabular-nums;border-radius:999px}.exam-timer.urgent{background:#ffe3de;background:oklch(.94 .06 30);color:#a40000;color:oklch(.45 .2 30);animation:pulse-warn 1s infinite}@keyframes pulse-warn{50%{transform:scale(1.04)}}.exam-take-body{display:grid;grid-template-columns:1fr 320px;gap:28px;padding:28px;max-width:1240px;margin:0 auto;width:100%;flex:1}@media (max-width: 1024px){.exam-take-body{grid-template-columns:1fr}}.exam-question{background:var(--surface-card);border:1px solid var(--ink-200);border-radius:20px;padding:32px}.exam-q-head{display:flex;justify-content:space-between;align-items:center}.exam-q-num{display:inline-block;padding:4px 12px;background:var(--surface-mint);color:var(--teal-700);border-radius:999px;font-weight:600;font-size:13px}.exam-flag{background:transparent;border:1px solid var(--ink-200);padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--ink-700)}.exam-flag.on{background:var(--gold-500);color:var(--ink-900);border-color:var(--gold-500)}.exam-q-prompt{font-size:22px;font-weight:600;margin:18px 0 16px;line-height:1.5}.exam-q-context{background:var(--surface-mint);border-radius:14px;padding:18px 22px;margin-bottom:24px}.exam-options{display:flex;flex-direction:column;gap:10px}.exam-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1.5px solid var(--ink-200);border-radius:12px;cursor:pointer;transition:border-color .12s,background .12s}.exam-option:hover{border-color:var(--teal-400);background:var(--surface-mint)}.exam-option input{display:none}.exam-option.sel{border-color:var(--teal-500);background:var(--surface-mint)}.exam-option-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--ink-200);border-radius:8px;font-weight:600;font-size:13px}.exam-option.sel .exam-option-letter{background:var(--teal-500);color:#fff;border-color:var(--teal-500)}.exam-nav{display:flex;justify-content:space-between;margin-top:28px}.exam-aside{display:flex;flex-direction:column;gap:14px}.exam-aside-h{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--ink-500);letter-spacing:.06em}.exam-q-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 14px}.exam-q-dot{aspect-ratio:1;border-radius:8px;border:1.5px solid var(--ink-200);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-700)}.exam-q-dot.ans{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.exam-q-dot.flagged{background:var(--gold-500);border-color:var(--gold-500);color:var(--ink-900)}.exam-q-dot.current{outline:2px solid var(--teal-700);outline-offset:2px}.exam-legend{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-700)}.exam-legend i.leg{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:middle}.exam-legend i.leg.ans{background:var(--teal-400)}.exam-legend i.leg.flagged{background:var(--gold-500)}.exam-legend i.leg.current{background:var(--surface);border:2px solid var(--teal-700)}.btn-block{width:100%}.exam-result-page{max-width:1100px}.exam-result-hero{display:flex;gap:32px;align-items:center;margin-top:18px;background:var(--surface-card);border-radius:22px;padding:32px;border:1px solid var(--ink-200)}.exam-result-cover{width:220px;height:240px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff}.exam-result-grade{font-size:64px;font-weight:700;line-height:1}.exam-result-cover .exam-badge{position:absolute;top:auto;right:auto;bottom:16px;left:50%;transform:translate(-50%)}.exam-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:22px;padding:18px 22px;background:var(--surface-mint);border-radius:14px}.exam-review{display:flex;flex-direction:column;gap:14px;margin-top:18px}.exam-review-q{background:var(--surface-card);border-left:4px solid var(--teal-400);border-radius:14px;padding:20px 24px;border:1px solid var(--ink-200);border-left-width:4px}.exam-review-q.wrong{border-left-color:#e62d28}.exam-review-head{display:flex;justify-content:space-between;align-items:center}.exam-result-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.exam-result-tag.ok{background:#b6f6d2;color:#005636;color:oklch(.4 .15 160)}.exam-result-tag.wrong{background:#ffe2dc;background:oklch(.94 .08 28);color:#a60000;color:oklch(.45 .22 28)}.exam-review-opts{display:flex;flex-direction:column;gap:6px;margin-top:14px}.exam-review-opt{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--ink-200);font-size:14px}.exam-review-opt.right{background:#cdfce1;border-color:#7bcba1}.exam-review-opt.picked{background:#ffece9;background:oklch(.96 .05 28);border-color:#ff9689;border-color:oklch(.78 .14 28)}.search-mini{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:999px;min-width:280px}.search-mini input{flex:1;border:0;background:transparent;outline:0;font-size:13px}.topic-feature{position:relative;border-radius:22px;padding:36px 42px;margin:16px 0 28px;color:#fff;display:flex;gap:24px;align-items:center;cursor:pointer;overflow:hidden}.topic-feature-body{flex:1}.topic-feature-art{text-align:right;min-width:200px}.topic-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.topic-card{background:var(--surface-card);border:1px solid var(--ink-200);border-radius:16px;padding:20px;cursor:pointer;transition:transform .15s,box-shadow .15s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -18px #0000002e}.topic-card.sm{padding:14px}.topic-card-mark{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.topic-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink-200)}.topic-detail-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;border-radius:22px;padding:38px 44px;margin:18px 0 24px;position:relative;overflow:hidden}.topic-detail-hero:after{content:"";position:absolute;right:-55px;top:50%;transform:translateY(-50%);width:210px;height:222px;background:url(/assets/ornament.svg) center / contain no-repeat;opacity:.4;pointer-events:none}.topic-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--surface-mint);padding:18px 24px;border-radius:14px}.topic-verses{display:flex;flex-direction:column;gap:16px;margin-top:16px}.topic-verse-card{background:var(--surface-card);border:1px solid var(--ink-200);border-radius:18px;padding:24px 28px}.topic-verse-head{display:flex;align-items:center;gap:14px}.verse-num{width:36px;height:36px;border-radius:10px;background:var(--surface-mint);color:var(--teal-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.verse-num-badge{position:relative;width:52px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-600)}.verse-num-badge .badge-ornament{width:44px;opacity:.5}.verse-num-badge .surah-glyph-num{font-size:10px;min-width:22px;height:22px}.topic-verse-actions{display:flex;gap:6px;margin-left:auto}.topic-verse-tafsir{margin-top:14px;padding-top:14px;border-top:1px dashed var(--ink-200)}.topic-related{margin-top:36px}.topic-related-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:14px}.btn-light{background:#fff;color:var(--ink-900);border:0}.btn-ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-ghost-light:hover{background:#ffffff1f}.empty-card{grid-column:1 / -1;padding:60px 20px;text-align:center;background:var(--surface-mint);border-radius:16px;color:var(--teal-700)}.notif-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e62d28;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.icon-btn{position:relative}.notif-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e2859;z-index:50;animation:fade-in .15s}@keyframes fade-in{0%{opacity:0}}.notif-panel{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:var(--surface-card);border-left:1px solid var(--ink-200);z-index:51;display:flex;flex-direction:column;animation:slide-in .2s ease-out;box-shadow:-12px 0 40px -10px #0003}@keyframes slide-in{0%{transform:translate(100%)}}.notif-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--ink-200)}.notif-filter{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--ink-200)}.notif-chip{padding:5px 14px;border-radius:999px;background:transparent;border:1px solid var(--ink-200);font-size:12px;cursor:pointer;color:var(--ink-700)}.notif-chip.active{background:var(--teal-500);color:#fff;border-color:var(--teal-500)}.notif-list{flex:1;overflow-y:auto;padding:8px 0}.notif-item{display:flex;gap:14px;padding:14px 20px;cursor:pointer;position:relative;border-left:3px solid transparent;transition:background .12s}.notif-item:hover{background:var(--surface-mint)}.notif-item.unread{border-left-color:var(--teal-500);background:#ecf8f8}[data-theme=dark] .notif-item.unread{background:#04232c}.notif-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notif-title{font-weight:600;font-size:14px}.notif-body{font-size:13px;color:var(--ink-700);margin-top:2px;line-height:1.45}.notif-time{font-size:11px;color:var(--ink-500);margin-top:6px}.notif-dot{width:8px;height:8px;border-radius:999px;background:var(--teal-500);position:absolute;top:20px;right:18px}.notif-foot{padding:14px 20px;border-top:1px solid var(--ink-200)}@font-face{font-family:surah-name-v2;src:url(https://static-cdn.tarteel.ai/qul/fonts/surah-names/v2/surah-name-v2.ttf) format("truetype");font-display:swap}.surah-glyph{font-family:surah-name-v2;font-feature-settings:"liga" 1,"dlig" 1;-webkit-font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;text-rendering:optimizeLegibility;color:var(--ink-900);display:inline-block;line-height:1}.surah-row .surah-glyph{font-size:30px}.surah-tile .surah-glyph{font-size:38px;margin:6px 0}[data-theme=dark] .surah-glyph{color:var(--ink-900)}@font-face{font-family:quran-common;src:url(https://static-cdn.tarteel.ai/qul/fonts/common/quran-common.ttf) format("truetype");font-display:swap}.juz-glyph,.juz-tile-glyph,.juz-num-arabic{font-family:quran-common;font-feature-settings:"liga" 1,"dlig" 1,"calt" 1;-webkit-font-feature-settings:"liga" 1,"dlig" 1,"calt" 1;font-variant-ligatures:discretionary-ligatures common-ligatures;text-rendering:optimizeLegibility}.juz-glyph{color:var(--teal-700);display:inline-block;line-height:1;font-size:28px;white-space:nowrap;direction:rtl;text-align:right}[data-theme=dark] .juz-glyph{color:var(--gold-200)}.juz-num-arabic{font-size:16px;color:var(--teal-600);display:block;text-align:center;line-height:1.2;margin:22px 0 0;white-space:nowrap;overflow:visible}[data-theme=dark] .juz-num-arabic{color:var(--teal-400)}.juz-tile-glyph{font-size:40px;line-height:1;color:var(--teal-700);display:block;margin:6px 0 4px;text-align:center}[data-theme=dark] .juz-tile-glyph{color:var(--gold-300)}.surah-meaning{font-size:11px;color:var(--teal-600);font-style:italic;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .surah-meaning{color:var(--teal-400)}.geo-pattern{background-image:repeating-linear-gradient(45deg,rgba(20,184,166,.11) 0,rgba(20,184,166,.11) 1px,transparent 0,transparent 50%),repeating-linear-gradient(-45deg,rgba(20,184,166,.11) 0,rgba(20,184,166,.11) 1px,transparent 0,transparent 50%);background-size:10px 10px}.juz-badge-wrap{width:78px;height:54px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-600)}.tile-ornament{position:absolute;right:-8px;top:-8px;width:80px;height:auto;opacity:.055;color:var(--teal-700);pointer-events:none;z-index:0}[data-theme=dark] .tile-ornament{opacity:.04;color:var(--teal-300)}@media (max-width: 900px){.juz-badge-wrap{width:60px;height:44px}.juz-badge-n{font-size:13px}.badge-ornament{width:42px}}@media (max-width: 700px){.juz-tile-glyph{font-size:32px}.tile-ornament{width:60px}}.nav-sep{height:1px;background:var(--ink-200);margin:14px;opacity:.7}.sidebar-section-title{padding:0 14px}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;background:var(--gold-500);color:var(--ink-900);border-radius:999px;letter-spacing:.04em}.nav-kbd{margin-left:auto;opacity:.55}.nav-item.active .nav-kbd{opacity:.9}@font-face{font-family:KFGQPC Nastaleeq;src:url(https://static-cdn.tarteel.ai/qul/fonts/nastaleeq/KFGQPCNastaleeq-Regular.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Digital Khatt Indopak;src:url(https://static-cdn.tarteel.ai/qul/fonts/dk/DigitalKhattIndoPak.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Indopak Nastaleeq;src:url(https://static-cdn.tarteel.ai/qul/fonts/nastaleeq/Hanafi/normal-v4.2.2/with-waqf-lazmi/font.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}.qfont-uthmani{font-family:Amiri Quran,Scheherazade New,serif!important;line-height:2.2}.qfont-naskh{font-family:Noto Naskh Arabic,Amiri,serif!important;line-height:2}.qfont-madani{font-family:Scheherazade New,Amiri,serif!important;line-height:2.1}.qfont-indopak{font-family:Noto Nastaliq Urdu,Amiri,serif!important;line-height:2.6}.qfont-lateef{font-family:Lateef,Amiri,serif!important;line-height:2.1}.qfont-kufi{font-family:Reem Kufi,Amiri,serif!important;line-height:1.9;letter-spacing:.01em}.qfont-kfgqpc{font-family:KFGQPC Nastaleeq,Noto Nastaliq Urdu,serif!important;line-height:2.8}.qfont-digitalkhatt{font-family:Digital Khatt Indopak,Noto Nastaliq Urdu,serif!important;line-height:2.6}.qfont-nastaleeq{font-family:Indopak Nastaleeq,KFGQPC Nastaleeq,Noto Nastaliq Urdu,serif!important;line-height:2.8}.font-picker{position:relative}.font-picker-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--ink-200);background:var(--surface);color:var(--ink-700);font-size:12px;cursor:pointer}.font-picker-trigger:hover{border-color:var(--teal-500);color:var(--teal-600)}.font-picker-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:280px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:12px;box-shadow:0 12px 40px #0f282e2e;padding:6px;display:flex;flex-direction:column;gap:2px}.font-picker-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.font-picker-option:hover,.font-picker-option.active{background:var(--surface-mint)}.font-picker-option .meta{display:flex;flex-direction:column;gap:2px}.font-picker-option .name{font-size:13px;font-weight:600;color:var(--ink-800)}.font-picker-option .desc{font-size:11px;color:var(--ink-500)}.font-picker-option .preview{font-size:22px;color:var(--teal-700);direction:rtl;line-height:1}.font-group-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--teal-600);padding:8px 10px 3px;white-space:nowrap}.font-group-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--teal-200),transparent)}.font-picker-menu>.font-group-label:not(:first-child){margin-top:4px;padding-top:12px}.surah-row{display:grid;grid-template-columns:56px 1fr auto 200px;align-items:center;gap:18px;padding:16px 18px;background:var(--surface-card);border:1px solid transparent;border-radius:14px;cursor:pointer;transition:background .12s,border-color .12s,transform .12s;margin-bottom:6px}.surah-row:hover{background:var(--surface-mint);border-color:var(--teal-200)}.surah-num{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;position:relative;font-size:14px;font-weight:700;color:var(--teal-700)}.surah-num:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 45deg,transparent 0deg 30deg,var(--teal-300) 30deg 60deg,transparent 60deg 120deg,var(--teal-300) 120deg 150deg,transparent 150deg 210deg,var(--teal-300) 210deg 240deg,transparent 240deg 300deg,var(--teal-300) 300deg 330deg,transparent 330deg 360deg);mask:radial-gradient(circle,transparent 14px,#000 15px,#000 23px,transparent 24px);-webkit-mask:radial-gradient(circle,transparent 14px,#000 15px,#000 23px,transparent 24px);opacity:.65}.surah-num:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid var(--teal-400);border-radius:50%;opacity:.5}.surah-name{font-size:16px;font-weight:600;color:var(--ink-900)}.surah-meta{display:flex;gap:8px;align-items:center;margin-top:3px;font-size:12px}.surah-actions{display:flex;gap:6px;opacity:0;transition:opacity .12s}.surah-row:hover .surah-actions{opacity:1}.surah-side{text-align:right;min-width:180px;border-left:1px solid var(--ink-200);padding-left:18px}.surah-ar{font-family:Amiri Quran,Scheherazade New,serif;font-size:28px;line-height:1;color:var(--ink-900);direction:rtl;letter-spacing:-.5px}.surah-meaning{font-size:11px;color:var(--ink-500);margin-top:4px;font-style:italic}@media (max-width: 900px){.surah-row{grid-template-columns:48px 1fr 120px;gap:12px;padding:14px}.surah-actions{display:none}.surah-side{min-width:100px;padding-left:10px}.surah-ar{font-size:22px}.surah-meaning{display:none}}.surah-tile{position:relative;padding:22px 18px 18px;background-color:var(--surface-card);border:1px solid var(--ink-200);border-radius:16px;text-align:center;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;overflow:hidden}.surah-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -30%,var(--teal-100),transparent 70%);opacity:.5;pointer-events:none}.juz-tile{padding:22px 18px 14px;display:flex;flex-direction:column;min-height:220px}.juz-tile-center{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 0}.juz-tile-footer{display:flex;flex-direction:column;align-items:center;gap:2px}.surah-tile:hover{transform:translateY(-3px);border-color:var(--teal-300);box-shadow:0 14px 28px -16px #0f282e2e}.surah-tile-num{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;color:var(--teal-700);background:var(--surface-mint);width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.surah-tile-ar{font-family:Amiri Quran,serif;font-size:38px;color:var(--ink-900);line-height:1;margin:16px 0 8px;position:relative}.surah-tile-name{font-weight:600;font-size:14px;color:var(--ink-900);margin-top:2px}.mushaf-wrap{display:flex;flex-direction:column;align-items:center;padding:24px 0}.mushaf-frame-outer{background:radial-gradient(ellipse at top,#fdf8e8,#f4eccf,#ead9a8);border:14px double #604219;border-radius:6px;padding:24px;max-width:720px;width:100%;position:relative;box-shadow:inset 0 0 60px #60421914,0 30px 60px -30px #60421966,0 14px 28px -14px #60421940}.mushaf-frame-outer:before,.mushaf-frame-outer:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid #604219;border-radius:3px;pointer-events:none;opacity:.35}.mushaf-frame-outer:after{top:12px;right:12px;bottom:12px;left:12px;border:1px solid #604219;opacity:.25}.mushaf-frame-inner{padding:28px 32px;position:relative;z-index:2}.mushaf-surah-header{position:relative;padding:24px 60px 18px;text-align:center;margin-bottom:18px;background:linear-gradient(180deg,rgba(96,66,25,.06),transparent);border-bottom:1.5px double #604219}.mushaf-surah-ornament{position:absolute;top:0;left:0;right:0;height:16px;pointer-events:none;opacity:.7}.mushaf-surah-ornament svg{width:100%;height:100%}.mushaf-surah-name{font-size:30px;color:#604219;font-weight:600;letter-spacing:1px}.mushaf-surah-name .ar{color:#604219!important}.mushaf-surah-meta{margin-top:8px;font-family:Amiri Quran,serif;font-size:14px;color:#604219;opacity:.75;display:flex;gap:12px;align-items:center;justify-content:center}.dot-sep{font-size:12px;opacity:.7}.mushaf-bismillah{text-align:center;padding:20px 0 28px;font-family:Amiri Quran,serif;font-size:38px;color:#2a1c0d;position:relative}.mushaf-bismillah:after{content:"";position:absolute;bottom:14px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#604219,transparent);opacity:.4}.mushaf-lines{display:flex;flex-direction:column;gap:14px;padding:8px 0}.mushaf-line{text-align:center;font-family:Amiri Quran,serif;font-size:30px;line-height:2;color:#1a1108;direction:rtl;letter-spacing:1px}.mushaf-verse-end{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 4px;position:relative;vertical-align:middle;color:#604219;font-family:Amiri Quran,serif;font-size:16px}.mushaf-verse-end:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,transparent 30%);border:1.5px solid #604219;border-radius:50%;box-shadow:inset 0 0 0 2px #60421926;opacity:.8}.mushaf-verse-end:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px dashed #604219;border-radius:50%;opacity:.3}.mushaf-verse-end span{position:relative;z-index:2;font-weight:600}.mushaf-footer{margin-top:24px;padding-top:14px;border-top:1px double #604219;display:flex;justify-content:space-between;align-items:center;color:#604219;font-family:Amiri Quran,serif;font-size:14px}.mushaf-foot-center{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gold-100);border-radius:50%;font-size:14px;border:1px solid #604219}.mushaf-page-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;margin-top:18px;padding:0 20px}[data-theme=dark] .mushaf-frame-outer{background:radial-gradient(ellipse at top,#2a1c0d,#1a0f05,#0f0703);border-color:var(--gold-500)}[data-theme=dark] .mushaf-surah-name,[data-theme=dark] .mushaf-surah-meta,[data-theme=dark] .mushaf-line,[data-theme=dark] .mushaf-bismillah,[data-theme=dark] .mushaf-verse-end,[data-theme=dark] .mushaf-footer{color:#d4b87a}[data-theme=dark] .mushaf-surah-name .ar{color:#d4b87a!important}[data-theme=dark] .mushaf-frame-outer:before,[data-theme=dark] .mushaf-frame-outer:after,[data-theme=dark] .mushaf-surah-header,[data-theme=dark] .mushaf-bismillah:after,[data-theme=dark] .mushaf-footer{border-color:var(--gold-500)}[data-theme=dark] .mushaf-verse-end:before{border-color:#d4b87a}.marketing{position:relative;overflow:hidden}.td-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.td-confetti .cf{position:absolute;width:18px;height:4px;border-radius:2px;opacity:.9}.cf.c1{top:60px;left:8%;transform:rotate(-18deg)}.cf.c2{top:140px;right:6%;width:12px;height:12px;border-radius:50%}.cf.c3{top:400px;left:4%;transform:rotate(38deg);width:14px}.cf.c4{top:700px;right:4%;transform:rotate(-22deg)}.cf.c5{top:1000px;left:6%;width:12px;height:12px;border-radius:50%}.cf.c6{top:1300px;right:8%;transform:rotate(45deg)}.td-sparkle{position:absolute;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:td-twinkle 2.4s ease-in-out infinite}.sp-1{top:18%;left:6%;animation-delay:0s}.sp-2{top:50%;right:8%;animation-delay:.6s}.sp-3{top:80%;left:14%;animation-delay:1.2s}.sp-4{top:30%;right:20%}.sp-5{bottom:20%;left:30%}@keyframes td-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.2) rotate(20deg);opacity:1}}.td-hero{position:relative;padding:60px 60px 80px;background:radial-gradient(ellipse at top right,rgba(46,187,195,.1),transparent 60%),radial-gradient(ellipse at bottom left,rgba(96,66,25,.05),transparent 50%),var(--surface)}.td-hero-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.td-hero-copy{position:relative}.td-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-700)}.td-chip-leaf{background:var(--surface-mint);border-color:var(--teal-200);color:var(--teal-700)}.td-chip-leaf:before{content:"🌿";font-size:14px}.td-h1{font-size:56px;line-height:1.08;letter-spacing:-.02em;font-weight:700;color:var(--ink-900);margin:16px 0 18px;text-wrap:pretty}.td-h1-accent{background:linear-gradient(135deg,var(--teal-600),var(--teal-400) 60%,var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}.td-lede{font-size:17px;line-height:1.65;color:var(--ink-700);max-width:520px;margin-bottom:28px}.td-store-cta{display:flex;gap:12px;flex-wrap:wrap}.td-store-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--ink-900);color:#fff;border-radius:12px;border:none;cursor:pointer;transition:transform .12s,background .12s}.td-store-btn:hover{background:#000;transform:translateY(-1px)}.td-store-btn span{display:flex;flex-direction:column;text-align:left;line-height:1.1}.td-store-btn small{font-size:10px;opacity:.8}.td-store-btn strong{font-size:15px;font-weight:600}.td-store-btn.dark{background:#fff;color:var(--ink-900)}.td-store-btn.dark:hover{background:#f0ece4}.td-trust{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:13px}.td-trust-stars{color:var(--gold-500);display:flex;gap:2px}.td-hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}.td-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.td-blob-a{width:320px;height:320px;background:radial-gradient(circle,#4FC3D1,transparent);top:10%;left:10%}.td-blob-b{width:280px;height:280px;background:radial-gradient(circle,#FFC766,transparent);bottom:5%;right:5%}.td-phone{position:relative;width:210px;filter:drop-shadow(0 24px 36px rgba(15,30,46,.25))}.td-phone.small{width:170px}.td-phone-frame{background:#0f1a22;border-radius:28px;padding:8px;border:1.5px solid #2a3741;position:relative}.td-phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:80px;height:18px;background:#000;border-radius:0 0 10px 10px;z-index:2}.td-phone-screen{background:var(--surface-mint);border-radius:22px;height:420px;padding:32px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.td-phone.small .td-phone-screen{height:320px;padding:30px 12px 12px}.td-screen-home{background:linear-gradient(180deg,var(--surface-mint),#fff)}.td-screen-reader{background:linear-gradient(180deg,#fff8e8,#fff)}.td-screen-exams{background:linear-gradient(180deg,#e5f0ff,#fff)}.td-mini-row{display:flex;gap:8px}.td-mini-card{flex:1;height:70px;background:var(--ink-900);border-radius:12px}.td-mini-tile{flex:1;height:60px;border-radius:10px}.td-mini-list{flex:1;height:12px;background:var(--ink-200);border-radius:6px}.td-mini-list.short{flex:.6}.td-mini-ar{font-family:Amiri Quran,serif;font-size:28px;text-align:right;color:var(--ink-800);direction:rtl}.td-mini-ar.small{font-size:22px;opacity:.8}.td-mini-trans{height:8px;background:var(--ink-200);border-radius:4px;margin-top:4px}.td-mini-trans.short{width:60%}.td-mini-grade{font-size:48px;font-weight:700;text-align:center;color:var(--teal-700);background:var(--surface-mint);padding:18px;border-radius:12px}.td-stats{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:30px 60px 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.td-stat{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:16px}.td-stat-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.td-stat-num{font-size:22px;font-weight:700;color:var(--ink-900);line-height:1}.td-section{position:relative;z-index:2;padding:70px 60px;max-width:1280px;margin:0 auto}.td-section-head{text-align:center;max-width:720px;margin:0 auto 50px}.td-h2{font-size:40px;font-weight:700;letter-spacing:-.01em;margin:16px 0 12px;color:var(--ink-900);text-wrap:pretty}.td-section-sub{font-size:16px}.td-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.td-feature{padding:28px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:18px;transition:transform .15s,box-shadow .15s}.td-feature:hover{transform:translateY(-3px);box-shadow:0 18px 32px -20px #0f1e2e33}.td-feature-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.td-feature h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--ink-900)}.td-feature p{line-height:1.6}.td-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.td-how-art{position:relative;background:linear-gradient(135deg,#1f8a5b,#166644);border-radius:24px;padding:60px;min-height:480px;display:flex;align-items:center;justify-content:center}.td-how-blob{position:absolute;width:200px;height:200px;background:#ffc76666;border-radius:50%;filter:blur(40px);bottom:-40px;right:-40px}.td-how-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fff;color:var(--ink-900);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;box-shadow:0 12px 24px #00000040;transition:transform .12s}.td-how-play:hover{transform:translate(-50%,-50%) scale(1.08)}.td-how-progress{position:absolute;bottom:24px;left:24px;right:24px;display:flex;gap:12px;align-items:center;color:#fff}.td-how-progress-bar{flex:1;height:4px;background:#fff3;border-radius:2px}.td-how-progress-bar div{height:100%;background:#fff;border-radius:2px}.td-how-progress span{font-size:12px;opacity:.85}.td-how-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.td-how-steps li{display:flex;gap:20px;align-items:flex-start}.td-how-num{flex-shrink:0;width:44px;height:44px;background:var(--surface-mint);color:var(--teal-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.td-how-steps h3{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--ink-900)}.td-how-steps p{line-height:1.5}.td-rewards{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:28px;padding:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;color:#fff;position:relative;overflow:hidden}.td-rewards:after{content:"";position:absolute;top:-100px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,199,102,.3),transparent);border-radius:50%}.td-rewards-phones{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}.td-rewards-h{font-size:36px;font-weight:700;margin:16px 0 12px;text-wrap:pretty}.td-rewards-body p{line-height:1.6;opacity:.9;margin-bottom:24px}.td-partners{text-align:center}.td-partners-h{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--ink-900)}.td-partners-strip{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:center;opacity:.65}.td-partner{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-700)}.td-partner-mark{color:var(--teal-600)}.td-download{background:linear-gradient(135deg,#1c2c3b,#0f1a22);border-radius:28px;padding:60px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;color:#fff;position:relative;overflow:hidden}.td-download:before{content:"";position:absolute;bottom:-100px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,199,102,.2),transparent);border-radius:50%}.td-download-art{position:relative;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.td-download-calligraphy{font-family:Amiri Quran,serif;font-size:80px;color:#ffc76666;line-height:1;text-align:center;position:absolute;top:30%;left:-20px;transform:rotate(-10deg);pointer-events:none}.td-download-h{font-size:36px;font-weight:700;margin-bottom:12px;text-wrap:pretty}.td-download p{line-height:1.6;opacity:.85;margin-bottom:24px;max-width:460px}@media (max-width: 1024px){.td-hero-grid,.td-how-grid,.td-rewards,.td-download{grid-template-columns:1fr;gap:40px}.td-stats,.td-feature-grid{grid-template-columns:repeat(2,1fr)}.td-h1{font-size:40px}.td-h2{font-size:32px}.td-hero-art,.td-rewards-phones{min-height:380px}}@media (max-width: 600px){.td-hero,.td-section,.td-stats{padding:40px 20px}.td-stats,.td-feature-grid{grid-template-columns:1fr}.td-rewards,.td-download,.td-how-art{padding:32px}.td-h1{font-size:32px}.td-h2{font-size:26px}}.surah-glyph{font-family:surah-name-v2;font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;text-rendering:optimizeLegibility;display:inline-block;line-height:1;color:var(--ink-900)}.surah-glyph-wrap{position:relative;width:84px;height:56px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.surah-glyph-wrap .surah-glyph{font-size:44px}.surah-glyph-num{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:var(--teal-700);background:var(--surface-mint);padding:1px 8px;border-radius:8px;letter-spacing:.05em}.surah-row{grid-template-columns:84px 1fr auto 200px!important}@media (max-width: 900px){.surah-row{grid-template-columns:64px 1fr 100px!important}.surah-glyph-wrap{width:64px;height:48px}.surah-glyph-wrap .surah-glyph{font-size:34px}}.surah-tile-glyph{font-family:surah-name-v2;font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;font-size:52px;line-height:1;display:block;margin:24px 0 12px;color:var(--ink-900)}[data-theme=dark] .surah-glyph,[data-theme=dark] .surah-tile-glyph{color:var(--gold-100)}.td-topics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.td-topic{position:relative;padding:22px 20px;border-radius:16px;color:#fff;cursor:pointer;min-height:160px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;overflow:hidden}.td-topic:hover{transform:translateY(-3px);box-shadow:0 18px 32px -20px #0f1e2e4d}.td-topic-name{font-weight:700;font-size:16px;margin-top:12px}.td-topic-ar{position:absolute;bottom:16px;right:16px;font-size:36px;opacity:.25;line-height:1;font-family:Amiri Quran,serif}.td-topic-count{margin-top:auto;font-size:13px;opacity:.85}.td-reciters-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.td-reciter-list{display:flex;flex-direction:column;gap:10px}.td-reciter-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:16px;transition:transform .12s,box-shadow .12s}.td-reciter-row:hover{transform:translate(-4px);box-shadow:0 12px 24px -16px #0f1e2e33}.td-reciter-avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.td-reciter-play{width:36px;height:36px;border-radius:50%;background:var(--ink-900);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s}.td-reciter-play:hover{transform:scale(1.08)}.td-mushaf-promo{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;padding:50px;background:var(--surface-card);border-radius:24px;border:1px solid var(--ink-200)}.td-mushaf-cover{position:relative;display:flex;justify-content:center}.td-mushaf-book{width:220px;aspect-ratio:3/4;background:linear-gradient(135deg,#5c1a1b,#3a0d0e);border-radius:4px 12px 12px 4px;display:flex;align-items:center;justify-content:center;padding:24px;box-shadow:0 30px 50px -20px #00000073;transform:rotate(-4deg)}.td-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.td-testimonial{padding:28px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:18px}.td-testimonial p{font-size:15px;line-height:1.6;color:var(--ink-800);margin:0 0 18px}.td-testimonial-foot{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--ink-200)}.td-donate{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:50px;background:radial-gradient(ellipse at top right,rgba(255,199,102,.15),transparent 60%),linear-gradient(135deg,#fffaeb,#fff4d9);border-radius:24px;border:1px solid #FFE3A0}[data-theme=dark] .td-donate{background:linear-gradient(135deg,#2a1f0f,#1a130a);border-color:#604219}.td-donate-stats{display:flex;flex-direction:column;gap:18px;padding:24px;background:#ffffffa6;border-radius:16px}[data-theme=dark] .td-donate-stats{background:#0000004d}.td-donate-stat-v{font-size:32px;font-weight:700;color:#8b4f0f;background:linear-gradient(135deg,#8b4f0f,#c2521f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1024px){.td-topics-strip{grid-template-columns:repeat(2,1fr)}.td-reciters-grid,.td-mushaf-promo,.td-donate{grid-template-columns:1fr;gap:32px}.td-testimonials{grid-template-columns:1fr}}@media (max-width: 600px){.td-topics-strip{grid-template-columns:1fr}.td-mushaf-promo,.td-donate{padding:32px 20px}}.surah-header-card{position:relative;background:radial-gradient(ellipse at 50% -20%,rgba(46,187,195,.12),transparent 60%),linear-gradient(180deg,var(--surface-mint) 0%,var(--surface-card) 100%);border:1.5px solid var(--gold-400);border-radius:20px;padding:28px 32px 24px;margin:8px 0 22px;text-align:center;overflow:hidden;isolation:isolate}.surah-header-card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--gold-300);border-radius:15px;opacity:.5;pointer-events:none}.surah-header-card .sh-ornament-left,.surah-header-card .sh-ornament-right{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:auto;opacity:.055;color:var(--teal-700);pointer-events:none;z-index:0}.surah-header-card .sh-ornament-left{left:24px}.surah-header-card .sh-ornament-right{right:24px;transform:translateY(-50%) scaleX(-1)}.surah-header-body{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.surah-header-glyph{font-size:72px;line-height:1;color:var(--teal-700)}.surah-header-glyph .surah-glyph{display:inline-block!important;font-family:surah-name-v2,Amiri Quran,serif!important;font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;color:inherit!important}.surah-header-name{font-size:26px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em;margin-top:2px}.surah-header-meaning{font-size:13px;color:var(--ink-500);margin-top:4px;font-style:italic;font-family:Amiri Quran,serif}.surah-header-badges{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:18px;justify-content:center}.sh-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-700)}.sh-badge svg{color:var(--teal-600)}[data-theme=dark] .surah-header-card{background:radial-gradient(ellipse at top,rgba(46,187,195,.15),transparent 65%),linear-gradient(180deg,#14222c,#0f1a22);border-color:var(--gold-500)}[data-theme=dark] .surah-header-glyph{color:var(--gold-300)}[data-theme=dark] .surah-header-name{color:var(--ink-100)}[data-theme=dark] .sh-badge svg{color:var(--teal-400)}.surah-glyph{display:inline-block!important}@media (max-width: 700px){.surah-header-card{padding:32px 18px 18px}.surah-header-ornament{left:30px;right:30px}.surah-header-corner{width:28px;height:28px}.surah-header-glyph{font-size:48px}.surah-header-name{font-size:22px}}.surah-row{grid-template-columns:86px 1fr auto 200px!important}.surah-glyph-wrap{position:relative;width:78px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-600)}.juz-badge-wrap{position:relative}.badge-ornament{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:auto;opacity:.55;pointer-events:none}[data-theme=dark] .badge-ornament{opacity:.35}.surah-glyph-num{position:absolute!important;top:50%!important;left:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:2;font-size:11px;font-weight:700;color:#fff;background:var(--teal-600);min-width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 6px #00000038;letter-spacing:0;padding:0}.badge-num-pill{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2;min-width:34px;height:34px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--teal-600);border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 6px #00000038}.reveal-type-glyph{font-family:quran-common;font-feature-settings:"liga" 1,"dlig" 1,"calt" 1;font-variant-ligatures:discretionary-ligatures common-ligatures;text-rendering:optimizeLegibility;font-size:13px;color:var(--ink-500);display:inline-block;line-height:1;vertical-align:middle}[data-theme=dark] .reveal-type-glyph{color:var(--ink-400)}.surah-ar-glyph{font-family:surah-name-v2;font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;text-rendering:optimizeLegibility;font-size:42px;line-height:1;color:var(--teal-700);display:inline-block}[data-theme=dark] .surah-ar-glyph{color:var(--gold-300)}.juz-side{display:flex;align-items:center;justify-content:flex-end;overflow:visible}.surah-tile-glyph{color:var(--teal-700);font-size:44px;line-height:1;margin:12px 0 4px;position:relative;z-index:1}.surah-tile-glyph .surah-glyph{display:inline-block!important}.surah-tile-num{z-index:2}[data-theme=dark] .surah-glyph-wrap{color:var(--teal-300)}[data-theme=dark] .surah-glyph-num{background:var(--teal-700)}@media (max-width: 900px){.surah-row{grid-template-columns:64px 1fr 120px!important}.surah-glyph-wrap{width:60px;height:44px}.surah-glyph-num{font-size:10px;min-width:20px;height:20px}}.surah-tile-glyph{font-family:surah-name-v2,Amiri Quran,serif!important;font-feature-settings:"liga" 1,"dlig" 1;font-variant-ligatures:discretionary-ligatures;text-rendering:optimizeLegibility;font-size:48px;line-height:1;color:var(--teal-700);display:block;width:100%;text-align:center;margin:16px auto 8px}[data-theme=dark] .surah-tile-glyph{color:var(--gold-300)}.a-label{display:block;font-size:11px;font-weight:600;color:var(--ink-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.a-input{width:100%;padding:10px 13px;border-radius:10px;border:1.5px solid var(--ink-200);background:var(--surface);font-size:14px;color:var(--ink-800);font-family:inherit;outline:none;transition:border-color .15s}.a-input:focus{border-color:var(--teal-400)}.a-input::placeholder{color:var(--ink-300)}.a-table{width:100%;border-collapse:collapse}.a-table th{text-align:left;padding:10px 20px;font-size:11px;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-tint);border-bottom:1px solid var(--ink-200)}.a-table td{padding:13px 20px;font-size:14px;color:var(--ink-800);border-bottom:1px solid var(--ink-100)}.a-table tr:last-child td{border-bottom:0}.a-table tr:hover td{background:var(--surface-tint)}@keyframes a-spin{to{transform:rotate(360deg)}}.a-spinner{width:36px;height:36px;border:3px solid var(--ink-200);border-top-color:var(--teal-500);border-radius:50%;animation:a-spin .7s linear infinite}.seg-control{display:inline-flex;padding:4px;background:var(--ink-100);border-radius:10px;gap:2px}.seg-control button{padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;color:var(--ink-500);text-transform:capitalize}.seg-control button.active{background:var(--surface);color:var(--ink-900);box-shadow:0 1px 3px #0000001a}.ev-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:capitalize}.ev-badge-countdown{background:#fef3c7;color:#92400e}.ev-badge-completed{background:var(--ink-100);color:var(--ink-500)}.ev-badge-ghost{background:#fff3;color:#fff}.ev-widget-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--ink-200);cursor:pointer}.ev-widget-item:last-child{border-bottom:none}.ev-widget-date{flex-shrink:0;width:48px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--teal-600),var(--teal-700));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.ev-widget-day{font-size:18px;font-weight:800;line-height:1}.ev-widget-mon{font-size:10px;font-weight:600;text-transform:uppercase}.ev-widget-info{flex:1;min-width:0}.ev-widget-tags{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;margin-bottom:3px}.ev-widget-title{font-weight:700;font-size:13px;color:var(--ink-900);line-height:1.3;margin-bottom:3px}.ev-widget-loc{font-size:12px;color:var(--ink-500);display:flex;align-items:center;gap:4px}.ev-widget-loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-card{display:flex;border-radius:var(--radius-lg);border:1px solid var(--ink-200);overflow:hidden;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow .15s ease}.ev-card:hover{box-shadow:var(--shadow-3)}.ev-card-date{width:100px;flex-shrink:0;background:linear-gradient(180deg,var(--teal-600),var(--teal-700));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;gap:4px}.ev-card-day{font-size:32px;font-weight:800;color:#fff;line-height:1}.ev-card-month{font-size:13px;font-weight:700;color:#ffffffd9;text-transform:uppercase}.ev-card-year{font-size:11px;color:#ffffffb3}.ev-card-featured{font-size:11px;font-weight:700;background:#fff3;padding:2px 6px;border-radius:20px;color:#fff;margin-top:6px}.ev-card-body{flex:1;padding:20px 24px;min-width:0}.ev-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.ev-card-title{font-size:18px;font-weight:800;color:var(--ink-900);margin-bottom:6px;line-height:1.3}.ev-card-desc{font-size:13px;color:var(--ink-600);line-height:1.6;margin-bottom:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ev-card-info{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--ink-500);margin-bottom:12px;flex-wrap:wrap}.ev-cap-track{height:4px;background:var(--ink-100);border-radius:4px;overflow:hidden;margin-bottom:4px}.ev-cap-fill{height:100%;border-radius:4px;background:var(--teal-600);transition:width .3s ease}.ev-cap-fill.danger{background:var(--danger)}.ev-cap-label{font-size:11px;color:var(--ink-400)}.ev-cap-label.danger{color:var(--danger);font-weight:700}.ev-hero{border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,#0a4d47,#0d9488 55%,#2dd4bf);margin-bottom:32px;position:relative;min-height:260px}.ev-hero:after{content:"";position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:200px;height:212px;background:url(/assets/ornament.svg) center / contain no-repeat;opacity:.5;pointer-events:none}@media (max-width: 720px){.ev-hero:after{display:none}}.ev-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}.ev-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#0a2828cc,#0d948873 60%,#2dd4bf26)}.ev-hero--poster:after{display:none}.ev-hero-inner{position:relative;z-index:2;padding:40px 48px}.ev-hero-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ev-hero-title{font-size:32px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:16px;max-width:600px}.ev-hero-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#ffffffd9}@media (max-width: 720px){.ev-hero-inner{padding:24px}.ev-hero-title{font-size:24px}}.ev-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media (max-width: 860px){.ev-detail-grid{grid-template-columns:1fr}}.ev-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--ink-200);padding:28px 32px;margin-bottom:20px}.ev-section-h{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:14px}.ev-section-h.lg{margin-bottom:20px}.ev-desc{font-size:14px;color:var(--ink-700);line-height:1.9}.ev-desc-bullet{display:flex;gap:10px;align-items:flex-start;margin-bottom:4px}.ev-desc-bullet-dot{color:var(--teal-600);font-weight:700;flex-shrink:0;margin-top:2px}.ev-desc-heading{font-weight:700;color:var(--ink-900);margin-top:14px;margin-bottom:4px}.ev-desc-line{margin-bottom:4px}.ev-desc-gap{height:8px}.ev-speaker{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--ink-100)}.ev-speaker-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--teal-700));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0}.ev-speaker-name{font-weight:700;font-size:15px;color:var(--ink-900)}.ev-speaker-title{font-size:13px;color:var(--teal-600);font-weight:600;margin-top:3px}.ev-speaker-phone{font-size:12px;color:var(--ink-500);margin-top:4px}.ev-speaker-bio{font-size:13px;color:var(--ink-600);margin-top:6px;line-height:1.6}.ev-agenda-item{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--ink-100);align-items:flex-start}.ev-agenda-item:last-child{border-bottom:none}.ev-agenda-spine{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:2px}.ev-agenda-dot{width:28px;height:28px;border-radius:50%;background:var(--teal-600);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.ev-agenda-dot.off{background:var(--ink-100);color:var(--ink-500)}.ev-agenda-line{width:2px;height:16px;background:var(--ink-100);margin-top:4px}.ev-agenda-time{font-size:11px;font-weight:700;color:var(--teal-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.ev-agenda-title{font-size:14px;color:var(--ink-800);font-weight:500;line-height:1.5}.ev-info-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--ink-200);padding:24px;margin-bottom:16px}.ev-info-title{font-size:15px;font-weight:700;color:var(--ink-900);margin-bottom:16px}.ev-info-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--ink-100)}.ev-info-row:last-of-type{border-bottom:none}.ev-info-icon{width:20px;text-align:center;font-size:14px;flex-shrink:0}.ev-info-label{font-size:11px;color:var(--ink-400);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ev-info-value{font-size:13px;color:var(--ink-800);font-weight:500;margin-top:2px;word-break:break-word}.ev-quiz-card{background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--teal-600);padding:24px;margin-bottom:16px}.ev-quiz-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ev-quiz-icon{width:36px;height:36px;border-radius:50%;background:var(--teal-50);display:flex;align-items:center;justify-content:center}.ev-quiz-label{font-weight:700;font-size:14px;color:var(--ink-900)}.ev-quiz-sub{font-size:12px;color:var(--ink-500)}.ev-quiz-status{border-radius:9px;padding:12px;font-size:13px}.ev-quiz-status.no-reg{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.ev-quiz-status.pending{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.ev-quiz-status.rejected{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ev-quiz-status.confirmed{background:#f0fdf4;border:1px solid #86efac;color:#15803d;margin-bottom:12px}.ev-fee{background:#fffbeb;border:1.5px solid #fde68a;border-radius:var(--radius-sm);overflow:hidden;margin-top:10px;margin-bottom:4px}.ev-fee-head{background:#fef3c7;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.ev-fee-left{display:flex;align-items:center;gap:8px}.ev-fee-icon{width:28px;height:28px;border-radius:50%;background:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ev-fee-name{font-weight:700;font-size:13px;color:#92400e}.ev-fee-amt{font-size:18px;font-weight:800;color:#78350f;line-height:1}.ev-fee-badge{font-size:11px;font-weight:700;color:#d97706;background:#fef9c3;padding:4px 10px;border-radius:20px;border:1px solid #fde68a}.ev-fee-body{padding:12px 16px}.ev-fee-intro{font-size:12px;color:#92400e;margin-bottom:10px;line-height:1.5}.ev-fee-rows{display:flex;flex-direction:column;gap:6px}.ev-fee-row{display:flex;gap:10px;align-items:center;background:#fff9;border-radius:8px;padding:7px 10px}.ev-fee-key{font-size:10px;font-weight:700;color:#d97706;text-transform:uppercase;letter-spacing:.05em;width:76px;flex-shrink:0}.ev-fee-val{font-size:13px;font-weight:600;color:#78350f;flex:1;word-break:break-all}.ev-fee-val.mono{font-family:monospace}.ev-fee-copy{flex-shrink:0;padding:3px 8px;border-radius:6px;border:1px solid #fde68a;background:#fff;font-size:11px;font-weight:700;cursor:pointer;color:#d97706;transition:all .2s}.ev-fee-copy.copied{background:#dcfce7;color:#15803d}.ev-fee-plain{font-size:12px;color:#78350f;line-height:1.6;margin:0}.ev-fee-footer{font-size:11px;color:#a16207;margin:10px 0 0;line-height:1.5;font-style:italic}.ev-alert{border-radius:9px;padding:10px 12px;font-size:12px;margin-bottom:0}.ev-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.ev-alert.success{background:#f0fdf4;border:1px solid #86efac;color:#15803d}.ev-alert.warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.ev-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ev-alert.muted{background:var(--ink-100);color:var(--ink-500)}.ev-form-label{display:block;font-size:11px;font-weight:600;color:#374151;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.ev-form-input,.ev-form-select,.ev-form-textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1.5px solid var(--ink-200);border-radius:9px;font-size:13px;font-family:inherit;outline:none;background:var(--surface);color:var(--ink-800)}.ev-form-input:focus,.ev-form-select:focus,.ev-form-textarea:focus{border-color:var(--teal-400)}.ev-form-textarea{resize:vertical}.ev-form-group{margin-bottom:12px}.ev-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.ev-upload{border:1.5px dashed var(--ink-200);border-radius:9px;padding:12px;background:var(--surface-tint);position:relative}.ev-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.ev-upload-empty{text-align:center}.ev-upload-hint{font-size:12px;color:var(--ink-500);margin-top:4px}.ev-upload-sub{font-size:11px;color:var(--ink-400)}.ev-upload-done{display:flex;align-items:center;gap:8px}.ev-upload-name{font-size:12px;color:#065f46;font-weight:600}.ev-upload-remove{margin-left:auto;color:var(--danger);font-size:12px;background:none;border:none;cursor:pointer}.ev-registered{margin-top:12px;padding:14px;background:#f0fdf4;border-radius:10px;border:1px solid #86efac}.ev-registered-title{font-weight:700;color:#15803d;font-size:14px;margin-bottom:4px}.ev-registered-body{font-size:13px;color:#166534}.ev-reg-done{text-align:center;padding:20px 0}.ev-reg-done-icon{font-size:40px;margin-bottom:12px}.ev-reg-done-title{font-weight:700;font-size:15px;color:#065f46;margin-bottom:6px}.ev-reg-done-body{font-size:13px;color:var(--ink-600)}.ev-filters{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.ev-list{display:flex;flex-direction:column;gap:20px}.ev-empty{padding:60px 0;text-align:center;color:var(--ink-400)}.ev-empty-icon{font-size:40px;margin-bottom:12px}