@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Poppins:wght@300;400;500;600&family=Amiri:wght@400;700&display=swap";:root{--adm-bg:#F5F1EC;--adm-surface:#E8E2D8;--adm-surface-2:#D8D3C5;--adm-border:rgba(162,155,136,.3);--adm-gold:#7A5B1D;--adm-gold-glow:rgba(122,91,29,.2);--adm-text:#6B5221;--adm-text-2:#7A5B1D;--adm-text-3:#A29B88;--adm-red:#E05252;--adm-radius:12px;--adm-sidebar:240px}#admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--adm-bg);font-family:Inter,sans-serif;position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.3}.login-bg svg{width:min(600px,100%);height:auto}.login-card{position:relative;z-index:1;background:#f5f1ecf2;border:1px solid var(--adm-border);border-radius:20px;padding:40px 32px;width:min(380px,90vw);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #6b52211a}.login-emblem{font-size:52px;color:var(--adm-gold);text-shadow:0 0 40px var(--adm-gold-glow);margin-bottom:16px;animation:adm-pulse 3s ease-in-out infinite}@keyframes adm-pulse{0%,to{opacity:.8}50%{opacity:1}}.login-title{font-size:24px;font-weight:700;color:var(--adm-text);margin-bottom:4px}.login-sub{font-size:13px;color:var(--adm-text-3);margin-bottom:28px}.login-dots-row{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.login-dot{width:14px;height:14px;border-radius:50%;background:var(--adm-surface-2);border:1px solid var(--adm-border);transition:all .2s}.login-dot.filled{background:var(--adm-gold);border-color:var(--adm-gold);box-shadow:0 0 12px var(--adm-gold-glow)}.login-error{font-size:12px;color:var(--adm-red);margin-bottom:12px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.numpad-btn{background:var(--adm-surface-2);border:1px solid var(--adm-border);border-radius:10px;padding:14px;font-size:18px;font-weight:500;color:var(--adm-text);cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.numpad-btn:hover{background:#c8953a1a;border-color:var(--adm-gold);color:var(--adm-gold)}.numpad-btn:active{transform:scale(.95)}.numpad-clear{font-size:12px;color:var(--adm-text-3)}.login-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--adm-gold),#4A2F17);color:#f8f5ef;font-size:15px;font-weight:700;border:none;border-radius:30px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s;margin-top:8px}.login-submit:disabled{opacity:.4;cursor:not-allowed}.login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 28px var(--adm-gold-glow)}.login-hint{font-size:11px;color:var(--adm-text-3);margin-top:16px}.login-hint strong{color:var(--adm-gold)}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}#admin-shell{display:flex;height:100vh;background:var(--adm-bg);font-family:Inter,sans-serif;color:var(--adm-text);overflow:hidden}.adm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;display:none}@media(max-width:768px){.adm-overlay{display:block}}.adm-sidebar{width:var(--adm-sidebar);background:var(--adm-surface);border-right:1px solid var(--adm-border);display:flex;flex-direction:column;flex-shrink:0;z-index:200;transition:transform .3s ease}@media(max-width:768px){.adm-sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%)}.adm-sidebar.open{transform:translate(0)}}.adm-brand{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid var(--adm-border)}.adm-brand-icon{font-size:32px;color:var(--adm-gold);text-shadow:0 0 20px var(--adm-gold-glow)}.adm-brand-title{font-size:16px;font-weight:700;color:var(--adm-text)}.adm-brand-sub{font-size:11px;color:var(--adm-text-3)}.adm-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.adm-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--adm-radius);border:none;background:transparent;color:var(--adm-text-2);cursor:pointer;font-size:14px;font-family:Inter,sans-serif;position:relative;transition:all .2s;text-align:left;width:100%}.adm-nav-item:hover{background:#ffffff0a;color:var(--adm-text)}.adm-nav-item.active{background:#c8953a1a;color:var(--adm-gold);font-weight:500}.adm-nav-icon{font-size:18px;width:24px;text-align:center}.adm-nav-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--adm-gold);border-radius:2px 0 0 2px}.adm-sidebar-footer{padding:16px 12px;border-top:1px solid var(--adm-border);display:flex;flex-direction:column;gap:8px}.adm-logout-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--adm-radius);border:1px solid rgba(224,82,82,.3);background:#e052520f;color:var(--adm-red);cursor:pointer;font-size:13px;font-family:Inter,sans-serif;transition:all .2s;width:100%}.adm-logout-btn:hover{background:#e052521f;border-color:var(--adm-red)}.adm-view-app{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--adm-radius);border:1px solid var(--adm-border);color:var(--adm-text-2);font-size:13px;text-decoration:none;transition:all .2s;justify-content:center}.adm-view-app:hover{background:#ffffff0a;color:var(--adm-text)}.adm-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.adm-topbar{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--adm-surface);border-bottom:1px solid var(--adm-border);flex-shrink:0}.adm-menu-btn{display:none;background:transparent;border:1px solid var(--adm-border);border-radius:8px;padding:8px;cursor:pointer;color:var(--adm-text);transition:all .2s;align-items:center}@media(max-width:768px){.adm-menu-btn{display:flex}}.adm-menu-btn:hover{background:#ffffff0d}.adm-topbar-title{flex:1;font-size:16px;font-weight:600;color:var(--adm-text)}.adm-topbar-badge{font-size:11px;font-weight:600;color:var(--adm-gold);background:#c8953a1f;border:1px solid var(--adm-border);border-radius:20px;padding:4px 12px}.adm-panel-wrap{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(200,149,58,.2) transparent}.adm-panel{display:flex;flex-direction:column;gap:20px;max-width:900px;width:100%}.adm-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.adm-panel-header h2{font-size:22px;font-weight:700;color:var(--adm-text)}.adm-header-actions{display:flex;align-items:center;gap:10px}.adm-card{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);padding:20px}.adm-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.adm-card-title{font-size:14px;font-weight:600;color:var(--adm-text);margin-bottom:16px}.adm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.adm-stats-grid-3{grid-template-columns:repeat(3,1fr)}.adm-stat-card{display:flex;align-items:center;gap:14px;background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);padding:16px;transition:all .2s}.adm-stat-card.accent{border-color:#c8953a4d;background:#c8953a0f}.adm-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.adm-stat-icon{font-size:28px}.adm-stat-value{font-size:24px;font-weight:700;color:var(--adm-text)}.adm-stat-label{font-size:12px;color:var(--adm-text-3)}.adm-stat-sub{font-size:11px;color:var(--adm-text-3);margin-top:2px}.adm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.adm-two-col{grid-template-columns:1fr}}.adm-act-list{display:flex;flex-direction:column;gap:10px}.adm-act-row{display:flex;align-items:center;gap:10px}.adm-act-label{width:80px;font-size:13px;color:var(--adm-text-2);flex-shrink:0}.adm-act-bar-wrap{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.adm-act-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.adm-act-count{width:30px;text-align:right;font-size:12px;color:var(--adm-text-3)}.adm-table{width:100%;border-collapse:collapse;font-size:13px}.adm-table th{text-align:left;font-size:11px;font-weight:600;color:var(--adm-text-3);padding:8px 0;border-bottom:1px solid var(--adm-border);text-transform:uppercase;letter-spacing:.5px}.adm-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--adm-text-2)}.adm-badge{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid var(--adm-border);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--adm-text-2)}.adm-badge-green{background:#1a7a4a33;border-color:#1a7a4a66;color:#4caf89}.adm-info-list{display:flex;flex-direction:column}.adm-info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--adm-text-2)}.adm-info-row:last-child{border:none}.adm-bm-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.adm-bm-row{display:flex;gap:10px;background:#ffffff08;border-radius:8px;padding:10px}.adm-bm-key{font-size:11px;font-weight:600;color:var(--adm-gold);white-space:nowrap;flex-shrink:0}.adm-bm-text{font-size:12px;color:var(--adm-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-empty-note{font-size:13px;color:var(--adm-text-3);text-align:center;padding:20px}.adm-tabs{display:flex;gap:4px;background:var(--adm-surface-2);border-radius:var(--adm-radius);padding:4px}.adm-tab{flex:1;padding:9px 16px;border-radius:9px;border:none;background:transparent;color:var(--adm-text-2);font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-tab.active{background:var(--adm-surface);color:var(--adm-gold);box-shadow:0 2px 8px #0000004d}.adm-content-list{display:flex;flex-direction:column;gap:10px}.adm-content-row{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:border-color .2s}.adm-content-row:hover{border-color:var(--adm-border)}.adm-content-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c8953a1a;border-radius:10px;flex-shrink:0}.adm-content-body{flex:1;min-width:0}.adm-content-name{font-size:14px;font-weight:500;color:var(--adm-text);margin-bottom:4px}.adm-content-desc{font-size:12px;color:var(--adm-text-3);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.adm-ar-tag{font-size:12px;color:var(--adm-gold);font-family:Amiri,serif}.adm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.adm-modal{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:16px;width:min(480px,100%);box-shadow:0 24px 80px #0009}.adm-modal-sm{width:min(340px,100%)}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--adm-border)}.adm-modal-header h3{font-size:16px;font-weight:600;color:var(--adm-text)}.adm-modal-close{background:none;border:none;color:var(--adm-text-3);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.adm-modal-close:hover{color:var(--adm-text)}.adm-modal-body{padding:24px;display:flex;flex-direction:column;gap:12px}.adm-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--adm-border)}.adm-form{display:flex;flex-direction:column;gap:12px}.adm-label{font-size:12px;font-weight:500;color:var(--adm-text-2);text-transform:uppercase;letter-spacing:.5px}.adm-input{background:var(--adm-surface-2);border:1px solid var(--adm-border);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--adm-text);font-family:Inter,sans-serif;width:100%;transition:border-color .2s;outline:none}.adm-input:focus{border-color:#c8953a80}.adm-input-hint{font-size:11px;color:var(--adm-text-3);margin-top:-6px}.adm-rtl{direction:rtl;text-align:right}.adm-textarea{background:var(--adm-surface-2);border:1px solid var(--adm-border);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--adm-text);font-family:Inter,sans-serif;width:100%;resize:vertical;outline:none;transition:border-color .2s;line-height:1.6}.adm-textarea:focus{border-color:#c8953a80}.adm-form-actions{display:flex;gap:10px;justify-content:flex-end}.adm-btn-primary{background:linear-gradient(135deg,var(--adm-gold),#4A2F17);color:#f8f5ef;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-btn-primary:disabled{opacity:.4;cursor:not-allowed}.adm-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--adm-gold-glow)}.adm-btn-ghost{background:transparent;border:1px solid var(--adm-border);color:var(--adm-text-2);border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-btn-ghost:hover{border-color:var(--adm-gold);color:var(--adm-text)}.adm-btn-danger{background:#e0525226;border:1px solid rgba(224,82,82,.3);color:var(--adm-red);border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-btn-danger:hover{background:#e0525240}.adm-btn-sm{background:transparent;border:1px solid var(--adm-border);color:var(--adm-text-2);border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-btn-sm:hover{border-color:var(--adm-gold);color:var(--adm-text)}.adm-edit-btn{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--adm-border);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--adm-text-2);cursor:pointer;font-family:Inter,sans-serif;flex-shrink:0;transition:all .2s}.adm-edit-btn:hover{border-color:var(--adm-gold);color:var(--adm-gold)}.adm-icon-btn{background:transparent;border:1px solid var(--adm-border);border-radius:6px;padding:7px;cursor:pointer;color:var(--adm-text-2);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.adm-icon-btn:hover{border-color:var(--adm-gold);color:var(--adm-gold)}.adm-icon-btn-danger:hover{border-color:#e0525266;color:var(--adm-red)}.adm-search-wrap{position:relative;display:flex;align-items:center}.adm-search-wrap>svg{position:absolute;left:12px;color:var(--adm-text-3);pointer-events:none}.adm-search{width:100%;background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:10px;padding:10px 14px 10px 38px;font-size:14px;color:var(--adm-text);font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.adm-search:focus{border-color:#c8953a66}.adm-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--adm-text-3);cursor:pointer;font-size:14px;padding:4px}.adm-qa-list{display:flex;flex-direction:column;gap:8px}.adm-qa-row{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:border-color .2s}.adm-qa-row:hover{border-color:var(--adm-border)}.adm-qa-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#c8953a1a;border-radius:8px;flex-shrink:0}.adm-qa-body{flex:1;min-width:0}.adm-qa-q{font-size:13px;font-weight:500;color:var(--adm-text);margin-bottom:4px}.adm-qa-a{font-size:12px;color:var(--adm-text-3);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.adm-qa-src{font-size:11px;color:var(--adm-gold);margin-top:5px}.adm-qa-actions{display:flex;gap:6px;flex-shrink:0;padding-top:2px}.adm-back-btn{background:transparent;border:1px solid var(--adm-border);color:var(--adm-text-2);border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-back-btn:hover{border-color:var(--adm-gold);color:var(--adm-text)}.adm-count-tag{display:inline-flex;background:#c8953a1f;border:1px solid var(--adm-border);color:var(--adm-gold);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500;margin-left:8px}.adm-lang-list{display:flex;flex-direction:column;gap:8px}.adm-lang-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s}.adm-lang-row.disabled{opacity:.5}.adm-lang-flag{font-size:20px;width:32px;text-align:center;flex-shrink:0}.adm-lang-info{flex:1;min-width:0}.adm-lang-label{font-size:13px;font-weight:500;color:var(--adm-text);display:block}.adm-lang-code{font-size:11px;color:var(--adm-text-3)}.adm-tag-rtl{font-size:10px;color:var(--adm-gold);background:#c8953a1a;border-radius:4px;padding:2px 6px;flex-shrink:0}.adm-lang-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.adm-toggle-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--adm-border);background:#ffffff0a;color:var(--adm-text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.adm-toggle-btn.on{border-color:#1a7a4a66;background:#1a7a4a26;color:#4caf89}.adm-link{color:var(--adm-gold);text-decoration:none}.adm-link:hover{text-decoration:underline}.adm-settings-rows{display:flex;flex-direction:column}.adm-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.adm-settings-row:last-child{border:none}.adm-settings-row-label{font-size:14px;font-weight:500;color:var(--adm-text);margin-bottom:3px}.adm-settings-row-sub{font-size:12px;color:var(--adm-text-3)}.adm-settings-row-danger .adm-settings-row-label{color:var(--adm-red)}.adm-alert{padding:10px 14px;border-radius:8px;font-size:13px}.adm-alert-error{background:#e052521a;border:1px solid rgba(224,82,82,.3);color:var(--adm-red)}.adm-alert-success{background:#1a7a4a1a;border:1px solid rgba(26,122,74,.3);color:#4caf89}.adm-saved-badge{display:inline-flex;align-items:center;background:#1a7a4a26;border:1px solid rgba(26,122,74,.3);color:#4caf89;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.adm-notice{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--adm-text-3);background:#c8953a0f;border:1px solid rgba(200,149,58,.15);border-radius:8px;padding:12px 14px}@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:local("KFGQPC Uthmanic Script HAFS"),local("KFGQPC Uthmanic Script HAFS Regular"),url(https://cdn.jsdelivr.net/gh/nuqayah/qpc-fonts@f93bf5f3/various-woff2/UthmanicHafs1%20Ver09.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uthman Hafs;src:local("KFGQPC Uthmanic Script HAFS"),local("KFGQPC Uthmanic Script HAFS Regular"),url(https://cdn.jsdelivr.net/gh/nuqayah/qpc-fonts@f93bf5f3/various-woff2/UthmanicHafs1%20Ver09.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #15120C;--bg-secondary: #201A10;--surface-glass: rgba(255, 235, 180, .03);--surface-glass-hover: rgba(255, 235, 180, .08);--border-glass: rgba(212, 160, 23, .15);--gold-primary: #D4A017;--gold-light: #F7D070;--gold-dark: #A2750D;--gold-glow: rgba(212, 160, 23, .25);--text-primary: #FDFBF7;--text-secondary: #E2D9C8;--text-tertiary: #A59A88;--btn-text: #000;--nav-height: 80px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #F5F1EC;--bg-secondary: #E8E2D8;--surface-glass: rgba(107, 82, 33, .05);--surface-glass-hover: rgba(107, 82, 33, .1);--border-glass: rgba(162, 155, 136, .3);--gold-primary: #7A5B1D;--gold-light: #6B5221;--gold-dark: #4A2F17;--gold-glow: rgba(122, 91, 29, .2);--text-primary: #6B5221;--text-secondary: #7A5B1D;--text-tertiary: #A29B88;--btn-text: #F8F5EF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Poppins,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-glass-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:600;line-height:1.2}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}a{text-decoration:none;color:inherit}.site-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.page-layout{min-height:100vh;padding-top:var(--nav-height);display:flex;flex-direction:column}.page-layout.has-hero{padding-top:0}.page-body{flex:1;padding:60px 24px}#site-navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:transparent;border-bottom:1px solid transparent;z-index:1000;transition:all var(--transition-normal)}#site-navbar.scrolled{background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,160,23,.15)}[data-theme=light] #site-navbar{background:transparent;border-bottom:1px solid transparent}[data-theme=light] #site-navbar.scrolled{background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(176,126,13,.15)}.nav-container{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;font-size:20px;font-weight:700;color:var(--gold-primary);transition:transform var(--transition-fast)}.nav-brand:hover{transform:scale(1.05)}.nav-brand-icon{font-size:28px;color:var(--gold-primary);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px var(--gold-glow));transition:transform var(--transition-fast),filter var(--transition-fast)}.nav-brand:hover .nav-brand-icon{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 12px var(--gold-primary))}.nav-links{display:flex;gap:32px}@media(max-width:768px){.nav-links{display:none}}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);position:relative;padding:8px 0;transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.nav-link:hover,.nav-link.active{color:var(--gold-primary)}.nav-link-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 10px var(--gold-glow);animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.nav-right{display:flex;align-items:center;gap:20px}@media(max-width:768px){.nav-right{display:none}}.nav-cta{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:#000;padding:10px 24px;border-radius:30px;font-weight:600;font-size:14px;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--gold-glow)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--gold-glow)}.nav-mobile-controls{display:none;align-items:center;gap:16px}@media(max-width:768px){.nav-mobile-controls{display:flex}}.nav-hamburger{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.nav-hamburger span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.nav-hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-drawer{position:absolute;top:var(--nav-height);left:0;width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border-glass);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000080;animation:slideDown .3s ease forwards}.mobile-drawer-link{padding:12px;font-size:16px;font-weight:500;color:var(--text-primary);background:var(--surface-glass);border-radius:var(--radius-sm);text-align:left}.mobile-drawer-link.active{background:var(--gold-glow);color:var(--gold-primary);border-left:4px solid var(--gold-primary)}.btn-gold{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--btn-text);padding:14px 32px;border-radius:30px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--gold-glow)}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--gold-glow)}.btn-outline{background:transparent;color:var(--gold-primary);border:2px solid var(--gold-primary);padding:12px 30px;border-radius:30px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--gold-glow)}.icon-circle{width:40px;height:40px;border-radius:50%;background:var(--surface-glass);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.icon-circle:hover{background:var(--surface-glass-hover);color:var(--gold-primary);border-color:var(--gold-primary);transform:translateY(-2px)}.theme-toggle{color:var(--gold-primary)}.theme-toggle:hover{transform:rotate(15deg) scale(1.1)}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:100px 24px;overflow:hidden}.hero-bg-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vw;max-width:1200px;max-height:1200px;z-index:0;pointer-events:none}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);z-index:0;pointer-events:none;animation:pulseGlow 8s ease-in-out infinite alternate}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge-pill{display:inline-block;padding:6px 16px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:20px;color:var(--gold-primary);font-size:14px;font-weight:500;margin-bottom:24px;letter-spacing:2px;text-transform:uppercase}.hero-star-symbol{font-size:48px;color:var(--gold-primary);margin-bottom:16px;text-shadow:0 0 20px var(--gold-glow);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-heading{font-size:clamp(40px,6vw,72px);margin-bottom:24px;background:linear-gradient(to right,#FFF,var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5)}[data-theme=light] .hero-heading{background:linear-gradient(to right,#000,var(--gold-dark));-webkit-background-clip:text}.hero-subheading{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-arabic-watermark{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:180px;color:var(--surface-glass);white-space:nowrap;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.stats-bar{background:var(--bg-secondary);border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);padding:40px 0;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-num{font-family:Cinzel,serif;font-size:40px;font-weight:700;color:var(--gold-primary)}.stat-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.section-header{text-align:center;margin-bottom:60px}.section-eyebrow{color:var(--gold-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:12px}.section-title{font-size:clamp(32px,4vw,48px);margin-bottom:16px}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.features-section{padding:100px 24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.feature-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px 32px;text-align:left;transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,var(--gold-glow),transparent 60%);opacity:0;transition:opacity var(--transition-normal)}.feature-card:hover{transform:translateY(-10px);border-color:var(--gold-primary);box-shadow:0 20px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon-box{width:60px;height:60px;border-radius:var(--radius-md);background:#d4af371a;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:24px;border:1px solid rgba(212,175,55,.2)}.feature-title{font-size:24px;margin-bottom:16px;position:relative;z-index:1}.feature-desc{color:var(--text-secondary);font-size:15px;margin-bottom:24px;position:relative;z-index:1}.feature-arrow{display:inline-flex;align-items:center;color:var(--gold-primary);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:transform var(--transition-fast);position:relative;z-index:1}.feature-card:hover .feature-arrow{transform:translate(8px)}.quran-highlight-section{padding:100px 0;background:var(--bg-secondary);position:relative}.quran-highlight-inner{display:flex;align-items:center;gap:60px}@media(max-width:900px){.quran-highlight-inner{flex-direction:column;text-align:center}}.quran-highlight-text{flex:1}.quran-highlight-text .section-title{font-size:clamp(28px,4vw,42px)}.quran-highlight-visual{flex:1;display:flex;justify-content:center;position:relative}.quran-visual-card{background:var(--bg-primary);border:1px solid var(--gold-primary);border-radius:var(--radius-lg);padding:40px;box-shadow:0 20px 50px #00000080,0 0 0 10px var(--surface-glass);text-align:center;position:relative;overflow:hidden}.qvc-arabic{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:32px;color:var(--gold-primary);margin-bottom:16px;line-height:1.8}.qvc-trans{font-size:16px;color:var(--text-primary);margin-bottom:12px}.qvc-ref{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:2px}.cta-banner{padding:120px 24px}.cta-inner{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-glass);border-radius:32px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.cta-inner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 50%);opacity:.5;pointer-events:none}.cta-emblem{font-size:40px;color:var(--gold-primary);display:block;margin-bottom:24px;position:relative;z-index:1}.cta-title{font-size:clamp(32px,5vw,48px);margin-bottom:16px;position:relative;z-index:1}.cta-sub{color:var(--text-secondary);font-size:18px;margin-bottom:40px;position:relative;z-index:1}.page-hero{position:relative;padding:80px 24px;text-align:center;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border-bottom:1px solid var(--border-glass);overflow:hidden}.page-layout.has-hero .page-hero{padding-top:calc(80px + var(--nav-height))}.page-hero-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:200px;color:var(--surface-glass);white-space:nowrap;pointer-events:none;z-index:0}.page-hero-content{position:relative;z-index:1}.page-hero-title{font-size:clamp(36px,5vw,56px);margin-bottom:16px}.quran-title-ar{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;color:var(--gold-primary)}.page-hero-sub{font-size:18px;color:var(--text-secondary)}.intro-text{font-size:18px;color:var(--text-secondary);max-width:800px;margin:0 auto 60px;text-align:center;line-height:1.8}.s-heading{font-family:Cinzel,serif;font-size:32px;color:var(--gold-primary);margin-bottom:30px;text-align:center}.pillar-list{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto 60px}.pillar-item{display:flex;gap:24px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:24px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.pillar-item:hover{transform:translate(10px);border-color:var(--gold-primary)}.pillar-num{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);background:#d4af371a;color:var(--gold-primary);font-size:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.2)}.pillar-item h4{font-size:20px;margin-bottom:8px}.pillar-ar{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;color:var(--gold-primary);margin-left:10px}.beliefs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto 60px}.belief-item{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;font-size:16px;transition:all var(--transition-fast)}.belief-item:hover{background:var(--surface-glass-hover);border-color:var(--gold-primary);transform:translateY(-5px)}.bi{font-size:24px}.page-cta-row{display:flex;justify-content:center;gap:20px;margin-top:60px}.qa-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.qa-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.qa-card.open{border-color:var(--gold-primary);box-shadow:0 10px 30px #0003}.qa-header{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left;transition:background var(--transition-fast)}.qa-header:hover{background:var(--surface-glass-hover)}.qa-icon-box{width:40px;height:40px;border-radius:var(--radius-sm);background:#d4af371a;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.qa-q{flex:1;font-size:18px;font-weight:500}.qa-chevron{color:var(--text-tertiary);transition:transform var(--transition-normal)}.qa-card.open .qa-chevron{transform:rotate(180deg);color:var(--gold-primary)}.qa-body{max-height:0;padding:0 24px 0 80px;opacity:0;transition:all var(--transition-normal);color:var(--text-secondary)}.qa-card.open .qa-body{max-height:1000px;padding-bottom:24px;opacity:1}.qa-source{margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#d4af371a;border:1px solid rgba(212,175,55,.2);border-radius:20px;font-size:12px;color:var(--gold-primary)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:1000px;margin:0 auto}.lang-btn{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:20px;font-size:16px;font-weight:500;text-align:center;transition:all var(--transition-fast)}.lang-btn:hover{background:var(--surface-glass-hover);border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:0 10px 20px #0003}.lang-arabic{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:24px;grid-column:1 / -1;background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:var(--gold-primary);color:var(--gold-primary)}.qr-mode-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:760px;margin:0 auto}.qr-mode-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px 32px 32px;text-align:center;cursor:pointer;transition:all .25s ease;font-family:inherit;color:inherit;position:relative;overflow:hidden}.qr-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(212,175,55,.06) 0%,transparent 60%);opacity:0;transition:opacity .3s}.qr-mode-card:hover{border-color:var(--gold-primary);transform:translateY(-6px);box-shadow:0 20px 50px #00000040,0 0 0 1px #d4af3733}.qr-mode-card:hover:before{opacity:1}.qr-mode-card-icon{width:72px;height:72px;border-radius:50%;background:var(--gold-glow);border:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;color:var(--gold-primary);flex-shrink:0;transition:transform .3s}.qr-mode-card:hover .qr-mode-card-icon{transform:scale(1.1)}.qr-mode-card-ar{font-family:Amiri Quran,Amiri,serif;font-size:22px;color:var(--gold-primary);direction:rtl}.qr-mode-card-title{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:var(--text-primary)}.qr-mode-card-desc{font-size:14px;color:var(--text-tertiary);line-height:1.7;font-family:Poppins,sans-serif;max-width:240px}.qr-mode-card-btn{margin-top:8px;font-size:13px;font-weight:600;color:var(--gold-primary);font-family:Poppins,sans-serif;letter-spacing:.3px;transition:letter-spacing .2s}.qr-mode-card:hover .qr-mode-card-btn{letter-spacing:.8px}.qr-lang-picker{max-width:760px;margin:0 auto}.qr-lang-picker-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.qr-lang-back{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-tertiary);font-family:Poppins,sans-serif;padding:8px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--surface-glass);transition:all .2s;flex-shrink:0}.qr-lang-back:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.qr-lang-picker-title{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:var(--text-primary)}.qr-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.qr-lang-btn{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit;color:inherit;text-align:left}.qr-lang-btn:hover{border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:0 10px 24px #00000026;background:linear-gradient(135deg,rgba(212,175,55,.06),transparent)}.qr-lang-flag{font-size:24px;flex-shrink:0;line-height:1}.qr-lang-native{font-size:15px;font-weight:600;color:var(--text-primary);flex:1}.qr-lang-label{font-size:11px;color:var(--text-tertiary);font-family:Poppins,sans-serif;white-space:nowrap}.empty-state{text-align:center;padding:100px 24px}.empty-icon{font-size:64px;margin-bottom:24px;animation:float 4s ease-in-out infinite}.saved-verses-grid{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.quran-reader-wrap{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.quran-topbar{position:sticky;top:0;z-index:200;background:#15120ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 24px;height:68px;box-shadow:0 4px 24px #0000004d}[data-theme=light] .quran-topbar{background:#f5f1ecf2;box-shadow:0 4px 16px #6b52211a}.quran-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:Poppins,sans-serif;transition:all .2s;white-space:nowrap}.quran-back-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary);background:var(--gold-glow)}.quran-surah-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;overflow:hidden}.quran-surah-name{font-family:Cinzel,serif;font-size:17px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quran-surah-en{font-size:11px;color:var(--gold-primary);text-transform:uppercase;letter-spacing:1.5px;font-weight:500;font-family:Poppins,sans-serif}.quran-topbar-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.quran-ctrl-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.quran-ctrl-btn:hover,.quran-ctrl-btn.active{border-color:var(--gold-primary);color:var(--gold-primary);background:var(--gold-glow)}.quran-content{flex:1;max-width:820px;width:100%;margin:0 auto;padding:32px 24px 40px}.quran-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:400px;color:var(--text-secondary);font-size:15px}.quran-spinner{width:44px;height:44px;border:3px solid var(--border-glass);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quran-error{text-align:center;padding:60px 24px;color:var(--text-secondary);font-size:15px}.quran-bottom-nav{position:sticky;bottom:0;background:#15120ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 24px;box-shadow:0 -4px 24px #0000004d}[data-theme=light] .quran-bottom-nav{background:#f5f1ecf2;box-shadow:0 -4px 16px #6b52211a}.quran-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:Poppins,sans-serif;transition:all .2s;cursor:pointer}.quran-nav-btn:hover:not(:disabled){border-color:var(--gold-primary);color:var(--gold-primary);background:var(--gold-glow)}.quran-nav-btn:disabled{opacity:.35;cursor:not-allowed}.quran-nav-btn:first-child{justify-self:start}.quran-nav-btn:last-child{justify-self:end}.quran-page-indicator{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}.quran-page-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);font-family:Poppins,sans-serif}.quran-page-num{font-size:16px;font-weight:700;color:var(--gold-primary);font-family:Cinzel,serif}#screen-quran-reader{background:var(--bg-primary);min-height:100vh}.reader-navbar{position:sticky;top:0;background:#15120cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);z-index:100}[data-theme=light] .reader-navbar{background:#faf7f0f2}.reader-navbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px}.reader-back{width:auto;padding:0 16px;border-radius:20px;gap:8px}.reader-title-block{text-align:center}.reader-title-block h1{font-size:18px;margin-bottom:2px}.reader-title-block p{font-size:12px;color:var(--gold-primary);text-transform:uppercase;letter-spacing:1px}.reader-controls-right{display:flex;justify-content:flex-end}.font-ctrl{display:flex;align-items:center;gap:12px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:20px;padding:4px}.font-ctrl button{width:32px;height:32px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all var(--transition-fast)}.font-ctrl button:hover{color:var(--gold-primary)}.font-size-label{font-size:12px;color:var(--text-secondary);min-width:30px;text-align:center}.reader-progress{height:2px;background:var(--surface-glass)}.reader-progress-fill{height:100%;background:var(--gold-primary);transition:width .3s ease}.reader-body{max-width:900px;margin:0 auto;padding:40px 24px}.bismillah{text-align:center;margin-bottom:40px;padding:40px;background:radial-gradient(circle,rgba(212,175,55,.05) 0%,transparent 70%)}.bism-ar{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:48px;color:var(--gold-primary);margin-bottom:12px;text-shadow:0 0 20px var(--gold-glow)}.bism-en{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.mushaf-page{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px 32px;margin-bottom:24px;text-align:center;direction:rtl;font-size:28px;line-height:3;opacity:0;transition:opacity .3s ease;min-height:400px;display:flex;flex-direction:column;align-items:center;gap:2px}.mushaf-page.font-ready{opacity:1}.mushaf-line{width:100%;display:flex;flex-direction:row;justify-content:center;gap:0;direction:rtl}.mushaf-word{cursor:default;display:inline;-webkit-user-select:text;user-select:text}.mushaf-word:hover{color:var(--gold-primary);transition:color .15s}.mushaf-end{color:var(--gold-primary)}.mushaf-translation-panel{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.mushaf-trans-verse{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.mushaf-trans-verse:last-child{border-bottom:none;padding-bottom:0}.mushaf-trans-key{font-size:11px;font-weight:700;color:var(--gold-primary);font-family:Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase}.mushaf-trans-text{font-size:17px;color:var(--text-secondary);line-height:1.8;margin:0;font-family:Poppins,sans-serif}.view-mode-toggle{display:flex;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:20px;padding:3px;gap:2px}.view-mode-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:16px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-family:Poppins,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.view-mode-btn.active{background:var(--gold-primary);color:#000}.view-mode-btn:hover:not(.active){color:var(--text-primary)}.qr-mode-toggle{display:flex;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:24px;padding:3px;gap:2px}.qr-mode-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;font-family:Poppins,sans-serif;color:var(--text-tertiary);transition:all .2s;white-space:nowrap}.qr-mode-btn.active{background:var(--gold-primary);color:#000;font-weight:700}.tv-container{display:flex;flex-direction:column;gap:0}.tv-surah-divider{display:flex;align-items:center;gap:12px;margin:24px 0 20px}.tv-divider-line{flex:1;height:1px;background:var(--border-glass)}.tv-surah-label{display:flex;align-items:center;gap:8px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:20px;padding:6px 16px;flex-shrink:0}.tv-surah-num{font-family:Cinzel,serif;font-size:11px;font-weight:700;color:var(--gold-primary);background:var(--gold-glow);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tv-surah-ar{font-family:Cinzel,serif;font-size:13px;font-weight:600;color:var(--text-primary)}.tv-surah-en{font-size:11px;color:var(--text-tertiary);font-family:Poppins,sans-serif}.tv-verse-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:14px;transition:border-color .2s,box-shadow .2s;animation:fadeUp .25s ease both}.tv-verse-card:hover{border-color:#d4af3759;box-shadow:0 6px 20px #0000001f}.tv-verse-arabic{font-family:Amiri Quran,Amiri,serif;line-height:2.2;color:var(--text-primary);text-align:right;direction:rtl;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.tv-verse-divider{display:flex;justify-content:center;margin-bottom:14px}.tv-verse-num{background:var(--gold-primary);color:#000;font-size:10px;font-weight:700;font-family:Cinzel,serif;padding:3px 10px;border-radius:10px;letter-spacing:.5px}.tv-verse-english{font-size:15px;color:var(--text-secondary);line-height:1.85;font-family:Poppins,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.verse-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;transition:all var(--transition-normal)}.verse-card:hover{border-color:#d4af374d;box-shadow:0 10px 30px #0003}.v-arabic{font-family:Amiri Quran,KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;text-align:right;direction:rtl;color:var(--text-primary);line-height:2.4;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-glass);display:flex;align-items:flex-start;gap:16px}.v-num{order:-1;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--gold-primary);color:#000;font-size:14px;font-family:Poppins,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:12px}.v-arabic-text{flex:1}.waqf-mark{color:var(--gold-primary);font-size:.8em;vertical-align:middle;line-height:1}.v-trans{font-size:18px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.v-actions{display:flex;justify-content:space-between;align-items:center}.saved-verse-key{font-size:12px;color:var(--text-tertiary);background:var(--surface-glass);padding:4px 12px;border-radius:12px}.bm-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-tertiary);padding:8px 16px;border:1px solid var(--border-glass);border-radius:20px;transition:all var(--transition-fast)}.bm-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.bm-btn.bookmarked{background:#d4af371a;color:var(--gold-primary);border-color:var(--gold-primary)}.reader-ctrl-bar{background:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:20px 0;position:sticky;bottom:0;z-index:100}.reader-ctrl{display:flex;justify-content:space-between;align-items:center}.ctrl-btn{background:var(--surface-glass);border:1px solid var(--border-glass);padding:12px 24px;border-radius:30px;font-weight:500;transition:all var(--transition-fast)}.ctrl-btn:hover:not(:disabled){background:var(--gold-primary);color:#000}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.surah-counter{font-size:14px;color:var(--text-secondary);letter-spacing:2px}#site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:60px 0 40px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-icon{font-size:40px;color:var(--gold-primary)}.footer-brand-name{font-family:Cinzel,serif;font-size:24px;font-weight:700}.footer-brand-tagline{color:var(--text-secondary);font-size:14px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:color var(--transition-fast)}.footer-link:hover{color:var(--gold-primary)}.footer-copy{border-top:1px solid var(--border-glass);padding-top:40px;width:100%;color:var(--text-tertiary);font-size:14px;display:flex;flex-direction:column;gap:16px}.footer-arabic{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:20px;color:var(--gold-primary);opacity:.5}.mt-16{margin-top:16px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skel{background:var(--surface-glass);background-image:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-sm)}[data-theme=light] .skel{background-image:linear-gradient(90deg,#0000,#0000000d,#0000)}.skel-p{height:16px;width:100%;margin-bottom:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--gold-primary);color:#000;padding:12px 24px;border-radius:30px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;box-shadow:0 10px 30px #0000004d}#toast.show{opacity:1;transform:translate(-50%)}.elegant-hero{background-color:var(--bg-primary);padding:calc(40px + var(--nav-height)) 24px 100px;transition:background-color .3s}[data-theme=light] .elegant-hero{background-color:#f0eee4}.elegant-banner{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);padding:30px 0;margin-bottom:60px;text-align:center;max-width:1200px;margin-left:auto;margin-right:auto}[data-theme=light] .elegant-banner{border-color:#8b7a5c}.elegant-banner-title{font-family:Cinzel,serif;font-size:clamp(40px,6vw,80px);color:var(--gold-primary);font-weight:600;line-height:1;letter-spacing:-.02em}[data-theme=light] .elegant-banner-title{color:#4a3f35}.elegant-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch;max-width:1200px;margin:0 auto}@media(max-width:900px){.elegant-split{grid-template-columns:1fr}}.elegant-img-wrap{width:100%;height:600px;overflow:hidden}@media(max-width:900px){.elegant-img-wrap{height:400px}}.elegant-img{width:100%;height:100%;object-fit:cover}.elegant-text-col{display:flex;flex-direction:column;justify-content:center;gap:32px;padding:20px 0}.elegant-heading{font-family:Cinzel,serif;font-size:clamp(36px,4vw,64px);line-height:1.1;color:var(--gold-primary);font-weight:600;letter-spacing:-.01em}[data-theme=light] .elegant-heading{color:#4a3f35}.elegant-desc{font-family:Poppins,sans-serif;font-size:18px;line-height:1.8;color:var(--text-secondary)}[data-theme=light] .elegant-desc{color:#6d635b;font-weight:400}.gen-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.gen-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;max-width:540px;width:100%;padding:3rem;position:relative;box-shadow:0 20px 50px #00000080}.gen-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:1px solid var(--border-glass);color:var(--text-tertiary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.gen-modal-close:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:rotate(90deg)}.gen-modal-num{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.4em;color:var(--gold-primary);opacity:.9;margin-bottom:.5rem;text-transform:uppercase}.gen-modal-ar{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:2.5rem;color:var(--gold-primary);direction:rtl;text-align:right;margin-bottom:.25rem}.gen-modal-en{font-family:Cinzel,serif;font-size:1.6rem;letter-spacing:.15em;color:var(--text-primary);margin-bottom:.25rem}.gen-modal-bible{font-size:1rem;color:var(--text-tertiary);font-style:italic;margin-bottom:1.5rem}.gen-modal-divider{width:100%;height:1px;background:var(--border-glass);margin-bottom:1.5rem}.gen-modal-body{font-size:1rem;color:var(--text-secondary);line-height:1.9}.gen-modal-body strong{color:var(--gold-primary)}.gen-modal-tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.gen-meta-tag{font-size:.7rem;letter-spacing:.15em;padding:3px 10px;border:1px solid var(--border-glass);color:var(--gold-primary);border-radius:4px;text-transform:uppercase;background:var(--surface-glass)}.values-section{padding:100px 24px;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.accordion-container{max-width:900px;margin:40px auto 0;display:flex;flex-direction:column;gap:16px}.value-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.value-card.active{border-color:var(--gold-primary);box-shadow:0 10px 30px var(--gold-glow);background:#d4a01705}[data-theme=light] .value-card.active{background:#b07e0d08}.value-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;text-align:left}.value-title-group{display:flex;align-items:center;gap:20px}.value-icon{font-size:28px;width:50px;height:50px;border-radius:50%;background:#d4a0171a;display:flex;align-items:center;justify-content:center;color:var(--gold-primary);transition:transform var(--transition-fast)}.value-card:hover .value-icon{transform:scale(1.1)}.value-title{font-family:Cinzel,serif;font-size:20px;font-weight:600;color:var(--text-primary)}.value-chevron{color:var(--text-tertiary);transition:transform var(--transition-normal)}.value-card.active .value-chevron{transform:rotate(180deg);color:var(--gold-primary)}.value-content{max-height:0;opacity:0;padding:0 32px 0 102px;transition:all var(--transition-normal);color:var(--text-secondary);font-size:16px;line-height:1.8}.value-card.active .value-content{max-height:250px;padding-bottom:28px;opacity:1}.lineage-preview-section{padding:100px 24px;background:var(--bg-secondary);position:relative;overflow:hidden}.lineage-preview-card{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,var(--bg-primary),rgba(212,160,23,.02));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:60px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;box-shadow:0 20px 50px #0000004d}[data-theme=light] .lineage-preview-card{background:linear-gradient(135deg,var(--bg-primary),rgba(176,126,13,.03))}@media(max-width:800px){.lineage-preview-card{grid-template-columns:1fr;padding:40px 24px}}.lineage-preview-tree{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;padding:20px 0}.lineage-preview-node{background:var(--surface-glass);border:1px solid var(--border-glass);padding:12px 24px;border-radius:var(--radius-sm);font-family:Cinzel,serif;font-size:15px;color:var(--text-primary);text-align:center;transition:all var(--transition-fast);z-index:2;box-shadow:0 4px 10px #00000026}.lineage-preview-node.highlight{border-color:var(--gold-primary);background:var(--gold-glow);font-weight:600;box-shadow:0 0 15px var(--gold-glow)}.lineage-preview-node:hover{transform:translateY(-2px);border-color:var(--gold-primary)}.lineage-preview-line{position:absolute;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--border-glass),var(--gold-primary),var(--border-glass));z-index:1}.reflection-widget{background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:0 15px 35px #0003;max-width:600px;margin:40px auto 0;transition:all var(--transition-normal)}.reflection-widget:hover{border-color:var(--gold-primary);box-shadow:0 20px 40px var(--gold-glow)}.reflection-text{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:26px;color:var(--gold-primary);line-height:1.8;margin-bottom:20px;min-height:80px}.reflection-trans{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;min-height:60px}.reflection-ref{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.scholar-ai-container{min-height:calc(100vh - var(--nav-height));padding:50px 24px;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(212,175,55,.04) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(139,122,92,.06) 0%,transparent 60%)}.scholar-ai-inner{width:100%;max-width:900px;background:#15120ebf;border:1px solid rgba(212,175,55,.18);border-radius:24px;box-shadow:0 30px 80px #00000080,0 0 50px #d4af3708;display:flex;flex-direction:column;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);position:relative;z-index:5;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.scholar-ai-inner:hover{border-color:#d4af374d;box-shadow:0 35px 90px #0009,0 0 60px #d4af370f;transform:translateY(-2px)}[data-theme=light] .scholar-ai-inner{background:#faf8f2d9;border-color:#8b6e3440;box-shadow:0 30px 80px #00000026,0 0 40px #8b6e340d}[data-theme=light] .scholar-ai-inner:hover{border-color:#8b6e3466}.bg-ornament{position:absolute;font-size:180px;font-family:Cinzel,serif;color:#d4af370a;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.bg-ornament.top-right{top:-20px;right:-20px}.bg-ornament.bottom-left{bottom:-40px;left:-20px}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:1px solid rgba(212,175,55,.15);background:#0c0a0740}[data-theme=light] .ai-header{background:#ffffff4d;border-bottom-color:#8b6e3426}.ai-header-main{display:flex;align-items:center;gap:20px}.ai-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fcf8ee 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-size:26px;color:#15120c;font-weight:700;box-shadow:0 0 20px #d4af3766;position:relative;border:2px solid rgba(255,255,255,.15);transition:all .3s ease}.ai-avatar:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(212,175,55,.3);animation:avatar-pulse 3s infinite ease-in-out}@keyframes avatar-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:1;border-color:var(--gold-primary)}}.ai-title-group{display:flex;flex-direction:column}.ai-name-row{display:flex;align-items:center;gap:12px}.ai-name{font-family:Cinzel,serif;font-size:24px;font-weight:700;color:var(--gold-primary);letter-spacing:.5px;line-height:1.2}[data-theme=light] .ai-name{color:#4a3f35}.ai-status-badge{font-size:11px;padding:4px 12px;border-radius:20px;font-weight:600;letter-spacing:.5px}.status-demo{background:#a59a881f;color:var(--text-secondary);border:1px solid rgba(165,154,136,.25)}.status-default{background:#d4a01726;color:var(--gold-light);border:1px solid var(--gold-primary);box-shadow:0 0 10px #d4a0171a}.status-custom{background:#2e7d3226;color:#81c784;border:1px solid #2e7d32}.status-deepseek{background:#0066cc26;color:#58a6ff;border:1px solid #1f6feb;box-shadow:0 0 12px #06c3}.status-openai{background:#10a37f26;color:#10a37f;border:1px solid rgba(16,163,127,.4)}.status-gemini{background:#8a2be226;color:#b388ff;border:1px solid #8a2be2}.ai-description{font-size:13px;color:var(--text-tertiary);margin-top:4px}[data-theme=light] .ai-description{color:#7a6e63}.source-link{color:var(--gold-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.source-link:hover{text-decoration:underline;color:var(--gold-light)}.settings-toggle-btn{background:#d4af370d;border:1px solid rgba(212,175,55,.2);color:var(--gold-primary);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .settings-toggle-btn{background:#8b6e340d;border-color:#8b6e3433;color:#8b6e34}.settings-toggle-btn:hover,.settings-toggle-btn.active{background:#d4af3726;border-color:var(--gold-primary);color:var(--gold-light);transform:scale(1.02)}.settings-panel{padding:24px 32px;background:#0c0a0766;border-bottom:1px solid rgba(212,175,55,.15);display:flex;flex-direction:column;gap:16px}[data-theme=light] .settings-panel{background:#ffffff80;border-bottom-color:#8b6e3426}.settings-panel h3{font-family:Cinzel,serif;font-size:16px;color:var(--gold-primary);letter-spacing:.5px}[data-theme=light] .settings-panel h3{color:#8b6e34}.settings-intro{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.settings-form{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.provider-select-wrapper{position:relative;flex:0 0 auto}.provider-select{background:#0c0a07cc;border:1px solid rgba(212,175,55,.2);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:13.5px;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .provider-select{background:#fff;border-color:#8b6e3433;color:#4a3f35}.provider-select:focus{border-color:var(--gold-primary);box-shadow:0 0 10px #d4af3726}.key-input-wrapper{position:relative;flex:1;min-width:280px}.key-input{width:100%;background:#0c0a07cc;border:1px solid rgba(212,175,55,.2);border-radius:10px;padding:12px 42px 12px 16px;color:var(--text-primary);font-family:monospace;font-size:13.5px;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .key-input{background:#fff;border-color:#8b6e3433;color:#4a3f35}.key-input:focus{border-color:var(--gold-primary);box-shadow:0 0 10px #d4af3726}.clear-key-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:16px}.clear-key-btn:hover{color:var(--text-primary)}.settings-actions{display:flex;gap:10px}.save-key-btn{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:#15120c;font-weight:700;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:13.5px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #d4af3733}.save-key-btn:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px #d4af374d}.default-key-btn{background:transparent;border:1px solid rgba(212,175,55,.2);color:var(--gold-light);padding:12px 18px;border-radius:10px;cursor:pointer;font-size:13.5px;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .default-key-btn{border-color:#8b6e3433;color:#8b6e34}.default-key-btn:hover{border-color:var(--gold-primary);background:#d4af370d;color:var(--text-primary)}.settings-status{font-size:12.5px;padding:4px 0;font-weight:500}.settings-status.success{color:#81c784}.settings-status.error{color:#e57373}.settings-guide{font-size:11.5px;color:var(--text-tertiary);margin-top:4px}.chat-window{height:520px;overflow-y:auto;padding:32px;background:radial-gradient(circle at center,#1e1a1440,#120f0c80);display:flex;flex-direction:column}[data-theme=light] .chat-window{background:radial-gradient(circle at center,#fff9,#f8f5edcc)}.chat-messages-container{display:flex;flex-direction:column;gap:24px}@keyframes bubble-appear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble-wrapper{display:flex;align-items:flex-start;gap:14px;max-width:85%;animation:bubble-appear .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.bot-wrapper{align-self:flex-start}.user-wrapper{align-self:flex-end;max-width:75%;flex-direction:row-reverse}.chat-bubble-avatar{width:36px;height:36px;border-radius:50%;background:#d4af3726;border:1.5px solid var(--gold-primary);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-size:18px;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px #d4af3726}[data-theme=light] .chat-bubble-avatar{background:#8b6e341a;border-color:#8b6e34;color:#8b6e34}.message-bubble{padding:18px 22px;border-radius:18px;font-size:15px;line-height:1.7;position:relative;box-shadow:0 4px 20px #00000040;transition:all .3s ease}[data-theme=light] .message-bubble{box-shadow:0 4px 15px #0000000d}.bot-bubble{background:#1e1a15d9;border:1px solid rgba(212,175,55,.08);color:var(--text-primary);border-top-left-radius:4px}[data-theme=light] .bot-bubble{background:#fff;border-color:#8b6e341f;color:#4a3f35}.user-bubble{background:linear-gradient(135deg,#e7c45d,#aa7c11);color:#0c0a07;border-top-right-radius:4px;font-weight:500;box-shadow:0 6px 20px #aa7c1140}.user-bubble .message-timestamp{color:#0c0a0799}.error-bubble{border-color:#e5737366;background:#e573730d}.message-timestamp{display:block;font-size:10px;color:var(--text-tertiary);margin-top:8px;text-align:right}.suggestions-container{padding:18px 28px;border-top:1px solid rgba(212,175,55,.12);background:#0c0a0733;display:flex;align-items:center;gap:16px}[data-theme=light] .suggestions-container{background:#f8f5ed99;border-top-color:#8b6e341f}.suggestions-label{font-size:12.5px;color:var(--text-tertiary);font-weight:600;white-space:nowrap}[data-theme=light] .suggestions-label{color:#8c8175}.suggestions-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;flex:1}.suggestions-scroll::-webkit-scrollbar{height:5px}.suggestions-scroll::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:10px}.suggestion-chip{background:#d4af370a;border:1px solid rgba(212,175,55,.15);color:var(--text-secondary);padding:8px 16px;border-radius:30px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .suggestion-chip{background:#fff;border-color:#8b6e342e;color:#6a5e53}.suggestion-chip:hover{background:#d4af371f;border-color:var(--gold-primary);color:var(--gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3726}.chat-input-panel{display:flex;padding:24px 32px;gap:14px;border-top:1px solid rgba(212,175,55,.15);background:#15120eb3;border-bottom-left-radius:24px;border-bottom-right-radius:24px}[data-theme=light] .chat-input-panel{background:#faf8f2e6;border-top-color:#8b6e3426}.chat-text-input{flex:1;background:#0c0a0799;border:1px solid rgba(212,175,55,.15);border-radius:14px;padding:16px 24px;color:var(--text-primary);font-size:14.5px;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000040}[data-theme=light] .chat-text-input{background:#fff;border-color:#8b6e3433;color:#4a3f35;box-shadow:inset 0 1px 3px #0000000d}.chat-text-input:focus{border-color:var(--gold-primary);background:#0c0a07cc;box-shadow:inset 0 2px 4px #00000040,0 0 15px #d4af3733}[data-theme=light] .chat-text-input:focus{background:#fff;border-color:#8b6e34;box-shadow:inset 0 1px 3px #0000000d,0 0 12px #8b6e3426}.chat-text-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{background:linear-gradient(135deg,#ffd86c,#b38515);color:#0c0a07;border:none;font-weight:750;padding:0 30px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #d4af3733}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff,#c49624);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3759}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none!important}.typing-bubble{padding:14px 22px}.typing-indicator{display:flex;gap:5px;align-items:center;height:20px}.typing-indicator span{width:8px;height:8px;background-color:var(--gold-primary);border-radius:50%;display:inline-block;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-p{margin-bottom:10px;font-family:Poppins,sans-serif;font-size:14.5px;line-height:1.7}.chat-p:last-child{margin-bottom:0}.chat-h4{font-family:Cinzel,serif;font-size:16px;color:var(--gold-primary);margin:18px 0 10px;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:6px;letter-spacing:.5px}[data-theme=light] .chat-h4{color:#8b6e34;border-bottom-color:#8b6e3433}.chat-h3{font-family:Cinzel,serif;font-size:18px;color:var(--gold-primary);margin:22px 0 12px;letter-spacing:.5px}[data-theme=light] .chat-h3{color:#8b6e34}.chat-h2{font-family:Cinzel,serif;font-size:20px;color:var(--gold-primary);margin:26px 0 14px;letter-spacing:.5px}[data-theme=light] .chat-h2{color:#8b6e34}.chat-li{margin-left:24px;margin-bottom:8px;list-style-type:square;line-height:1.7}.chat-li-num{margin-left:24px;margin-bottom:8px;line-height:1.7}.chat-hr{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25) 50%,transparent);margin:20px 0}[data-theme=light] .chat-hr{background:linear-gradient(90deg,transparent,rgba(139,110,52,.2) 50%,transparent)}.chat-line-break{height:10px}.chat-link{color:var(--gold-primary);text-decoration:none;font-weight:500}[data-theme=light] .chat-link{color:#8b6e34}.chat-link:hover{text-decoration:underline}.animate-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scholar-ai-container{padding:24px 12px}.ai-header{padding:20px;flex-direction:column;gap:16px;align-items:stretch}.settings-toggle-btn{text-align:center}.settings-form{flex-direction:column;align-items:stretch}.key-input-wrapper{min-width:100%}.settings-actions{justify-content:space-between}.settings-actions button{flex:1}.chat-window{height:420px;padding:20px}.message-bubble-wrapper{max-width:95%}.user-wrapper{max-width:90%}.suggestions-container{flex-direction:column;align-items:flex-start;padding:14px 20px}.suggestions-scroll{width:100%}.chat-input-panel{padding:16px 20px}}.welcome-board{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;max-width:780px;margin:auto;text-align:center}.welcome-board-header{margin-bottom:36px;display:flex;flex-direction:column;align-items:center}.welcome-avatar-large{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#fff 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-size:38px;color:#15120c;font-weight:700;box-shadow:0 10px 30px #d4af3773,0 0 50px #d4af3733;border:2px solid rgba(255,255,255,.15);margin-bottom:20px;position:relative;animation:avatar-pulse-large 4s infinite ease-in-out}@keyframes avatar-pulse-large{0%,to{transform:scale(1);box-shadow:0 10px 30px #d4af3773,0 0 50px #d4af3733}50%{transform:scale(1.05);box-shadow:0 12px 35px #d4af3799,0 0 65px #d4af3759}}.welcome-title{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:var(--gold-primary);letter-spacing:1px;margin-bottom:6px}.welcome-tagline{font-family:Poppins,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:3px;color:var(--text-tertiary);font-weight:600;margin-bottom:20px}.welcome-greeting{font-family:Poppins,sans-serif;font-size:15px;line-height:1.7;color:var(--text-secondary);max-width:580px;background:#d4af3708;padding:16px 24px;border-radius:16px;border:1px dashed rgba(212,175,55,.15)}[data-theme=light] .welcome-greeting{background:#8b6e3408;border-color:#8b6e3426;color:#5e5042}.welcome-grid-title{align-self:flex-start;font-family:Cinzel,serif;font-size:13px;font-weight:600;color:var(--gold-primary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;padding-left:4px}[data-theme=light] .welcome-grid-title{color:#8b6e34}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-bottom:20px}.suggestion-card-btn{display:flex;align-items:flex-start;gap:16px;background:#d4af3705;border:1px solid rgba(212,175,55,.12);border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00000026}[data-theme=light] .suggestion-card-btn{background:#fff;border-color:#8b6e3426;box-shadow:0 4px 12px #00000008}.suggestion-card-btn:hover{background:#d4af3714;border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:0 10px 25px #d4af371f,0 0 15px #d4af370d}[data-theme=light] .suggestion-card-btn:hover{background:#8b6e340a;border-color:#8b6e34;box-shadow:0 10px 20px #8b6e3414}.card-icon{font-size:24px;background:#d4af3714;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(212,175,55,.15)}[data-theme=light] .card-icon{background:#8b6e340f;border-color:#8b6e341f}.card-info{display:flex;flex-direction:column;gap:4px}.card-title{font-family:Cinzel,serif;font-size:14.5px;font-weight:700;color:var(--gold-light);letter-spacing:.5px}[data-theme=light] .card-title{color:#4a3f35}.card-desc{font-family:Poppins,sans-serif;font-size:12px;color:var(--text-tertiary);line-height:1.4}.card-query{font-family:monospace;font-size:11.5px;color:var(--gold-primary);margin-top:6px;opacity:.85}[data-theme=light] .card-query{color:#8b6e34}.chat-blockquote{margin:16px 0;padding:12px 20px;background:#d4af3708;border-left:3.5px solid var(--gold-primary);border-radius:0 12px 12px 0;font-style:italic;font-family:Amiri,serif;font-size:16px;line-height:1.8;color:var(--text-secondary)}[data-theme=light] .chat-blockquote{background:#8b6e3408;border-left-color:#8b6e34;color:#5e5042}.chat-li-num{display:flex;align-items:flex-start;gap:8px;margin-left:8px;margin-bottom:8px;line-height:1.7;font-size:14.5px}.li-num-prefix{font-family:Cinzel,serif;font-weight:700;color:var(--gold-primary);min-width:22px;text-align:right;flex-shrink:0}[data-theme=light] .li-num-prefix{color:#8b6e34}.li-num-content{flex:1}.chat-inline-code{background:#d4af3714;border:1px solid rgba(212,175,55,.2);color:var(--gold-light);padding:2px 6px;border-radius:6px;font-family:monospace;font-size:13px}[data-theme=light] .chat-inline-code{background:#8b6e340f;border-color:#8b6e3426;color:#8b6e34}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.suggestions-grid{grid-template-columns:1fr;gap:12px}.welcome-board{padding:20px 12px}.welcome-title{font-size:26px}.welcome-greeting{font-size:13.5px;padding:12px 16px}.suggestion-card-btn{padding:16px}}.pillar-item--clickable{width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:20px;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;border-radius:var(--radius-md, 16px);padding:20px 24px;background:var(--surface-glass)}.pillar-item--clickable:hover{border-color:var(--gold-primary);background:var(--surface-glass-hover);transform:translate(6px);box-shadow:0 8px 24px #0003}.pillar-item--clickable:hover .pillar-arrow{opacity:1;transform:translate(4px);color:var(--gold-primary)}.pillar-arrow{opacity:0;flex-shrink:0;transition:all .25s ease;color:var(--text-tertiary)}.belief-item--clickable{width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.belief-item--clickable:hover{border-color:var(--gold-primary);background:var(--surface-glass-hover);transform:translate(4px);box-shadow:0 6px 20px #0003}.belief-item--clickable:hover svg{opacity:1!important;color:var(--gold-primary)}.learn-arabic-block{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-glass);border-left:4px solid var(--gold-primary);border-radius:var(--radius-md, 16px);padding:32px 36px;text-align:center;margin:8px 0 32px;position:relative;overflow:hidden}.learn-arabic-block:before{content:"۞";position:absolute;top:-20px;right:20px;font-size:80px;color:var(--gold-primary);opacity:.06;pointer-events:none}.learn-arabic-text{font-family:KFGQPC Uthmanic Script HAFS,Uthman Hafs,Amiri,serif;font-size:clamp(22px,4vw,34px);color:var(--gold-primary);direction:rtl;line-height:1.9;margin-bottom:14px}.learn-transliteration{font-size:15px;color:var(--text-tertiary);font-style:italic;margin-bottom:10px;letter-spacing:.3px}.learn-translation{font-size:17px;color:var(--text-secondary);font-weight:500}.learn-source-badge{display:flex;align-items:flex-start;gap:10px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm, 8px);padding:14px 18px;margin-top:40px;color:var(--text-tertiary);font-size:14px;line-height:1.6}.learn-source-badge svg{margin-top:2px;color:var(--gold-primary);flex-shrink:0}.icon-circle{display:inline-flex;align-items:center;gap:0;padding:10px 20px;border-radius:30px;width:auto;height:auto;font-size:15px;font-weight:500;color:var(--text-secondary)}.icon-circle:hover{color:var(--gold-primary)}.mb-16{margin-bottom:16px}@media(max-width:640px){.learn-arabic-block{padding:24px 20px}.learn-arabic-text{font-size:22px}}.qa-search-wrap{display:flex;align-items:center;gap:12px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:40px;padding:12px 20px;margin-bottom:36px;transition:border-color .2s ease}.qa-search-wrap:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.qa-search-wrap svg{color:var(--text-tertiary);flex-shrink:0}.qa-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit}.qa-search-input::placeholder{color:var(--text-tertiary)}.qa-search-clear{color:var(--text-tertiary);font-size:14px;padding:2px 6px;border-radius:50%;transition:color .15s}.qa-search-clear:hover{color:var(--gold-primary)}.qa-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media(max-width:640px){.qa-cards-grid{grid-template-columns:1fr}}.qa-topic-card{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md, 16px);padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease both}.qa-topic-card:hover{border-color:var(--gold-primary);background:var(--surface-glass-hover);transform:translateY(-3px);box-shadow:0 10px 30px #0003}.qa-topic-card:hover .qa-topic-arrow{opacity:1;transform:translate(4px);color:var(--gold-primary)}.qa-topic-icon{font-size:30px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#d4a01714;border-radius:12px;border:1px solid var(--border-glass)}.qa-topic-body{flex:1;min-width:0}.qa-topic-q{font-family:Cinzel,serif;font-size:14.5px;font-weight:600;color:var(--text-primary);margin-bottom:5px;line-height:1.4}.qa-topic-preview{font-size:12.5px;color:var(--text-tertiary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qa-topic-arrow{flex-shrink:0;opacity:.3;transition:all .25s ease;color:var(--text-tertiary)}.question-intro-box{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-glass);border-left:4px solid var(--gold-primary);border-radius:var(--radius-md, 16px);padding:20px 24px;margin-top:8px}.question-intro-box p{font-size:16px;line-height:1.75;color:var(--text-secondary)}:root{--border: var(--border-glass);--text-dim: var(--text-secondary);--text-muted: var(--text-tertiary);--gold: var(--gold-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reader-title-btn{background:none;border:none;cursor:pointer;text-align:center;padding:4px 12px;border-radius:10px;transition:background .2s;font-family:inherit;color:inherit}.reader-title-btn:hover{background:var(--surface-glass-hover)}.reader-icon-btn{position:relative;width:36px;height:36px;border-radius:50%;background:var(--surface-glass);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.reader-icon-btn:hover,.reader-icon-btn.active{background:var(--gold-glow);border-color:var(--gold-primary);color:var(--gold-primary)}.bm-badge{position:absolute;top:-4px;right:-4px;background:var(--gold-primary);color:#000;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.verse-search-bar{padding:12px 24px;border-bottom:1px solid var(--border-glass);background:var(--bg-secondary)}.verse-search-wrap{display:flex;align-items:center;gap:10px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:30px;padding:9px 16px;max-width:640px;margin:0 auto;transition:border-color .2s}.verse-search-wrap:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.verse-search-wrap svg{color:var(--text-tertiary);flex-shrink:0}.verse-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit}.verse-search-input::placeholder{color:var(--text-tertiary)}.verse-search-count{font-size:12px;color:var(--gold-primary);white-space:nowrap;font-weight:600}.verse-highlight{border-color:var(--gold-primary)!important;background:var(--gold-glow)!important;animation:verseFlash 2.5s ease forwards}@keyframes verseFlash{0%{box-shadow:0 0 0 4px var(--gold-primary)}to{box-shadow:none}}.copy-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-tertiary);padding:4px 10px;border-radius:20px;border:1px solid transparent;background:none;transition:all .2s;cursor:pointer;font-family:inherit}.copy-btn:hover{border-color:var(--border-glass);color:var(--text-primary);background:var(--surface-glass)}.verse-ref{font-size:11px;color:var(--text-tertiary);margin-left:auto;font-family:Cinzel,serif;opacity:.7}.ctrl-surah-name{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:10px;padding:8px 20px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;font-family:Cinzel,serif;transition:all .2s;text-align:center}.ctrl-surah-name:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.qr-progress-bar{height:3px;background:var(--border-glass);flex-shrink:0}.qr-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary));transition:width .4s ease}.quran-page-pct{font-size:10px;color:var(--text-tertiary);font-family:Poppins,sans-serif}.goto-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:28px 32px;display:flex;flex-direction:column;gap:16px;min-width:280px;animation:fadeScaleIn .18s ease}.goto-label{font-family:Cinzel,serif;font-size:15px;color:var(--text-primary);text-align:center}.goto-label span{color:var(--text-tertiary);font-size:12px;font-family:Poppins,sans-serif}.goto-row{display:flex;gap:10px}.goto-input{flex:1;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:18px;font-family:Cinzel,serif;text-align:center;outline:none;transition:border-color .2s}.goto-input:focus{border-color:var(--gold-primary)}.goto-go{padding:10px 20px;background:var(--gold-primary);color:#000;font-weight:700;font-size:14px;border-radius:10px;transition:opacity .2s;font-family:Poppins,sans-serif}.goto-go:hover{opacity:.85}.reader-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--gold-primary);color:#000;font-weight:600;font-size:13px;font-family:Poppins,sans-serif;padding:10px 20px;border-radius:24px;z-index:9999;white-space:nowrap;animation:toastIn .25s ease;box-shadow:0 4px 20px #0000004d;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bm-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-end}.bm-panel{width:min(380px,95vw);height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-glass);display:flex;flex-direction:column;animation:slideInRight .28s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.bm-panel-title{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--gold-primary)}.bm-count{background:var(--gold-primary);color:#000;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px;font-family:Poppins,sans-serif}.bm-panel-close{width:32px;height:32px;border-radius:50%;background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.bm-panel-close:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.bm-panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.bm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-tertiary);font-size:14px;line-height:1.7}.bm-list{display:flex;flex-direction:column;gap:10px}.bm-item{display:flex;align-items:center;gap:10px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md, 16px);padding:14px 16px;transition:border-color .2s}.bm-item:hover{border-color:var(--gold-primary)}.bm-item-main{flex:1;display:flex;flex-direction:column;gap:3px;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}.bm-item-page{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:var(--gold-primary)}.bm-item-surah{font-size:13px;color:var(--text-primary);font-weight:500}.bm-item-date{font-size:11px;color:var(--text-tertiary)}.bm-item-del{width:30px;height:30px;border-radius:50%;background:none;border:1px solid transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.bm-item-del:hover{border-color:#e55;color:#e55;background:#ee555514}.jump-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:60px}.jump-modal{width:min(520px,95vw);max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg, 24px);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 60px #0009}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.jump-modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.jump-modal-header svg{color:var(--text-tertiary);flex-shrink:0}.jump-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:16px;font-family:inherit}.jump-search-input::placeholder{color:var(--text-tertiary)}.jump-modal-list{overflow-y:auto;flex:1}.jump-surah-btn{width:100%;display:flex;align-items:center;gap:14px;padding:12px 20px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s;text-align:left;font-family:inherit;color:var(--text-primary)}.jump-surah-btn:hover{background:var(--surface-glass-hover)}.jump-surah-btn.current{background:var(--gold-glow);border-left:3px solid var(--gold-primary)}.jump-num{font-family:Cinzel,serif;font-size:13px;color:var(--gold-primary);width:28px;flex-shrink:0;text-align:right}.jump-name{font-size:15px;font-weight:600;min-width:130px}.jump-en{font-size:12.5px;color:var(--text-tertiary);flex:1}@media(max-width:640px){.reader-controls-right{gap:6px!important}.font-ctrl{gap:4px!important}.verse-search-bar{padding:10px 12px}}.articles-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.articles-search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:30px;padding:11px 18px;transition:border-color .2s,box-shadow .2s;max-width:480px}.articles-search-wrap:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.articles-search-wrap svg{color:var(--text-tertiary);flex-shrink:0}.articles-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit}.articles-search-input::placeholder{color:var(--text-tertiary)}.articles-count{font-size:13px;color:var(--text-tertiary);white-space:nowrap;margin-left:auto}.articles-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.articles-cat-btn{padding:7px 18px;border-radius:30px;border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.articles-cat-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.articles-cat-btn.active{background:var(--gold-primary);border-color:var(--gold-primary);color:#000;font-weight:600}.article-cat-pill{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--pill-color, var(--gold-primary)) 15%,transparent);border:1px solid color-mix(in srgb,var(--pill-color, var(--gold-primary)) 40%,transparent);color:var(--pill-color, var(--gold-primary))}.articles-featured-row{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}.article-featured-card{width:100%;display:flex;align-items:stretch;gap:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-glass);border-radius:var(--radius-lg, 24px);overflow:hidden;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.article-featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,var(--gold-glow),transparent 60%);opacity:0;transition:opacity .3s}.article-featured-card:hover{border-color:var(--gold-primary);transform:translateY(-4px);box-shadow:0 20px 50px #0000004d}.article-featured-card:hover:before{opacity:1}.article-featured-card:hover .afc-cta{gap:10px}.afc-body{flex:1;padding:36px 40px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.afc-eyebrow{display:flex;align-items:center;gap:10px}.afc-featured-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-primary)}.afc-title{font-size:clamp(20px,3vw,28px);line-height:1.3;color:var(--text-primary);font-family:Cinzel,serif}.afc-excerpt{font-size:15px;color:var(--text-secondary);line-height:1.7;flex:1}.afc-meta{display:flex;gap:8px;font-size:13px;color:var(--text-tertiary)}.afc-cta{display:inline-flex;align-items:center;gap:6px;color:var(--gold-primary);font-size:14px;font-weight:600;transition:gap .2s}.afc-icon-side{width:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:80px;background:var(--surface-glass);border-left:1px solid var(--border-glass);position:relative;z-index:1}@media(max-width:640px){.afc-icon-side{display:none}.afc-body{padding:24px}}.articles-grid-heading{font-family:Cinzel,serif;font-size:14px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.article-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg, 24px);padding:28px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease both;width:100%;font-family:inherit;color:var(--text-primary)}.article-card:hover{border-color:var(--gold-primary);transform:translateY(-4px);box-shadow:0 16px 40px #0003;background:var(--surface-glass-hover)}.article-card:hover .ac-read-link{gap:8px}.ac-top{display:flex;align-items:center;gap:10px}.ac-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#d4a01714;border-radius:12px;border:1px solid var(--border-glass);flex-shrink:0}.ac-title{font-size:17px;font-family:Cinzel,serif;font-weight:600;line-height:1.35;color:var(--text-primary);flex:1}.ac-excerpt{font-size:13.5px;color:var(--text-secondary);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ac-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.ac-meta{font-size:12px;color:var(--text-tertiary)}.ac-read-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--gold-primary);transition:gap .2s}.article-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--surface-glass);z-index:1100}.article-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));transition:width .1s linear}.article-back-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 16px;border-radius:30px;border:1px solid var(--border-glass);background:var(--surface-glass);cursor:pointer;transition:all .2s;font-family:inherit}.article-back-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.article-reader-header{max-width:760px;margin:28px auto 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.article-reader-icon{font-size:56px}.article-reader-title{font-size:clamp(26px,4vw,42px);font-family:Cinzel,serif;color:var(--gold-primary);line-height:1.25}.article-reader-excerpt{font-size:17px;color:var(--text-secondary);line-height:1.75;max-width:640px}.article-reader-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;font-size:14px;color:var(--text-tertiary)}.arm-author,.arm-time{display:flex;align-items:center;gap:5px}.arm-dot{opacity:.4}.arm-share{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--gold-primary);padding:5px 14px;border-radius:20px;border:1px solid var(--gold-primary);background:var(--gold-glow);cursor:pointer;transition:all .2s;font-family:inherit;margin-left:8px}.arm-share:hover{background:var(--gold-primary);color:#000}.article-toc{max-width:640px;margin:0 auto 40px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md, 16px);padding:20px 24px}.article-toc-title{font-family:Cinzel,serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-tertiary);margin-bottom:12px}.article-toc-link{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-glass);transition:color .15s}.article-toc-link:last-child{border-bottom:none}.article-toc-link:hover{color:var(--gold-primary)}.toc-num{width:22px;height:22px;border-radius:50%;background:var(--gold-glow);border:1px solid var(--gold-primary);color:var(--gold-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-body{max-width:720px;margin:0 auto}.article-section{margin-bottom:48px;scroll-margin-top:100px}.article-section-heading{display:flex;align-items:center;gap:14px;font-family:Cinzel,serif;font-size:clamp(18px,2.5vw,22px);color:var(--gold-primary);margin-bottom:16px}.section-num{width:32px;height:32px;border-radius:50%;background:var(--gold-glow);border:1px solid var(--gold-primary);color:var(--gold-primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-section-text{font-size:18px;line-height:1.9;color:var(--text-secondary)}.article-reader-footer{max-width:720px;margin:60px auto 0}.arf-inner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-glass);border-radius:var(--radius-lg, 24px);padding:28px 32px;flex-wrap:wrap}.arf-title{font-family:Cinzel,serif;font-size:17px;font-weight:700;color:var(--gold-primary);margin-bottom:4px}.arf-sub{font-size:14px;color:var(--text-tertiary);flex:1}@media(max-width:640px){.articles-grid{grid-template-columns:1fr}.article-section-text{font-size:16px}.arf-inner{flex-direction:column;text-align:center}.articles-toolbar{flex-wrap:wrap}}.lang-picker{position:relative}.lang-picker-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:20px;border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.lang-picker-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.lang-flag{font-size:16px;line-height:1}.lang-code{font-size:11px;letter-spacing:.5px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md, 16px);box-shadow:0 20px 50px #0006;overflow:hidden;z-index:500;animation:scaleIn .18s cubic-bezier(.34,1.56,.64,1)}.lang-dropdown-mobile{position:fixed;top:70px;right:12px;left:auto;z-index:600}.lang-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-primary);font-size:14px;transition:background .15s;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--surface-glass-hover)}.lang-option.active{background:color-mix(in srgb,var(--gold-primary) 10%,transparent);color:var(--gold-primary);font-weight:600}.lang-option-flag{font-size:18px;flex-shrink:0}.lang-option-native{flex:1}[dir=rtl] body{font-family:Amiri,Noto Naskh Arabic,Scheherazade New,system-ui,sans-serif}[dir=rtl] .nav-container,[dir=rtl] .nav-links,[dir=rtl] .nav-right{flex-direction:row-reverse}[dir=rtl] .lang-dropdown{right:auto;left:0}[dir=rtl] .page-hero-content,[dir=rtl] .hero-heading{text-align:right}[dir=rtl] .hero-actions{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .section-eyebrow{text-align:right;display:block}[dir=rtl] .feature-card,[dir=rtl] .qa-card,[dir=rtl] .article-card,[dir=rtl] .article-featured-card{text-align:right}[dir=rtl] .ac-top,[dir=rtl] .afc-eyebrow,[dir=rtl] .ac-footer{flex-direction:row-reverse}[dir=rtl] .qa-topic-body{text-align:right}[dir=rtl] .pillar-item--clickable{flex-direction:row-reverse;text-align:right}[dir=rtl] .qa-search-wrap,[dir=rtl] .verse-search-wrap,[dir=rtl] .articles-search-wrap{flex-direction:row-reverse}[dir=rtl] .article-reader-header{text-align:right;align-items:flex-start}[dir=rtl] .article-reader-meta{justify-content:flex-start}[dir=rtl] .article-section-heading,[dir=rtl] .article-toc-link{flex-direction:row-reverse;text-align:right}[dir=rtl] .reader-navbar-inner,[dir=rtl] .reader-controls-right,[dir=rtl] .bm-item-actions{flex-direction:row-reverse}[dir=rtl] .jump-surah-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .v-actions{flex-direction:row-reverse}[dir=rtl] .ctrl-btn{direction:ltr}[dir=rtl] .footer-container{text-align:right}[dir=rtl] .footer-nav{flex-direction:row-reverse;flex-wrap:wrap}[dir=rtl] .footer-brand{flex-direction:row-reverse}[dir=rtl] .footer-copy{text-align:right}[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] .mobile-drawer{text-align:right}[dir=rtl] .bm-panel{border-left:none;border-right:1px solid var(--border-glass)}[dir=rtl] .bm-panel-overlay{justify-content:flex-start}[dir=rtl] .bm-panel{animation:slideInLeft .28s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[dir=rtl] .value-card{text-align:right}[dir=rtl] .afc-body{text-align:right;align-items:flex-start}[dir=rtl] .reflection-card{text-align:right}[dir=rtl] .arm-share{margin-left:0;margin-right:8px}[dir=rtl] .article-back-btn,[dir=rtl] .bm-panel-title{flex-direction:row-reverse}