:root{--bg:#0b1219;--surface:#111d28;--card:#16242f;--border:#ffffff12;--gold:#c9a84c;--gold-dim:#a07830;--gold-glow:#c9a84c2e;--teal:#2aabb8;--teal-dim:#2aabb81f;--text:#e8e0d4;--text-muted:#8a8880;--text-dim:#5a5650;--green:#4caf7a;--radius:14px;--transition:.22s cubic-bezier(0.4,0,0.2,1)}*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.35}.bg-glow{position:fixed;top:-180px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse at center,#c9a84c1f 0%,transparent 70%);pointer-events:none;z-index:0}#progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));width:0;z-index:999;transition:width .1s linear}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,80px);height:64px;background:#0b1219d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-brand img{width:34px;height:34px;border-radius:8px}.nav-brand span{font-weight:700;font-size:17px;color:var(--gold);letter-spacing:-.3px}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:13.5px;font-weight:500;padding:6px 14px;border-radius:8px;transition:var(--transition)}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-cta{background:var(--gold)!important;color:#0b1219!important;font-weight:700!important}.nav-cta:hover{background:#e0bb60!important}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 24px 80px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid #c9a84c59;border-radius:100px;font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.6px;text-transform:uppercase;margin-bottom:28px;background:#c9a84c0f;animation:fadeDown .7s ease both}.hero-badge span{font-size:15px}.hero h1{font-family:"Amiri",serif;font-size:clamp(38px,7vw,80px);font-weight:700;line-height:1.15;color:var(--text);max-width:750px;animation:fadeUp .7s .1s ease both}.hero h1 em{color:var(--gold);font-style:normal}.hero-sub{font-size:clamp(14px,2vw,17px);color:var(--text-muted);max-width:520px;margin:20px 0 36px;font-weight:400;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:fadeUp .7s .3s ease both}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--gold);color:#0b1219}.btn-primary:hover{background:#e0bb60;transform:translateY(-1px);box-shadow:0 8px 32px #c9a84c47}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:#fff3;background:#ffffff0a;transform:translateY(-1px)}.hero-ayat{margin-top:60px;padding:28px 36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:680px;position:relative;animation:fadeUp .7s .4s ease both}.hero-ayat::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero-ayat .arabic{font-family:"Noto Naskh Arabic",serif;font-size:clamp(18px,3vw,26px);direction:rtl;line-height:1.8;color:var(--text);display:block;margin-bottom:12px}.hero-ayat .translation{font-size:13px;color:var(--text-muted);font-style:italic}.hero-ayat .source{font-size:12px;color:var(--gold-dim);margin-top:6px;font-weight:600}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{background:var(--bg);padding:28px 24px;text-align:center}.stat-num{font-family:"Amiri",serif;font-size:28px;font-weight:700;color:var(--gold);line-height:1}.stat-lbl{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:500}main{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.section-header{text-align:center;padding:72px 0 40px}.section-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.section-title{font-family:"Amiri",serif;font-size:clamp(26px,4vw,42px);font-weight:700;color:var(--text);line-height:1.25}.section-desc{font-size:14px;color:var(--text-muted);max-width:500px;margin:12px auto 0}.search-wrap{position:relative;max-width:580px;margin:0 auto 56px}.search-wrap input{width:100%;padding:14px 18px 14px 48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;outline:none;transition:var(--transition)}.search-wrap input:focus{border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c14}.search-wrap input::placeholder{color:var(--text-dim)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.kitab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:80px}.kitab-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;cursor:pointer;text-decoration:none;transition:var(--transition);display:block;position:relative;overflow:hidden}.kitab-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:0;transition:var(--transition)}.kitab-card:hover{border-color:#c9a84c4d;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.kitab-card:hover::before{opacity:1}.kitab-icon{font-size:22px;margin-bottom:10px}.kitab-name{font-weight:700;font-size:14.5px;color:var(--text);margin-bottom:4px}.kitab-count{font-size:12px;color:var(--gold);font-weight:600}.kitab-desc{font-size:11.5px;color:var(--text-muted);margin-top:8px;line-height:1.5}.kitab-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:14px;transition:var(--transition)}.kitab-card:hover .kitab-arrow{color:var(--gold);transform:translateY(-50%) translateX(2px)}.hadith-section{margin-bottom:80px}.hadith-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.hadith-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition)}.tab-btn.active{background:var(--gold);color:#0b1219;border-color:var(--gold)}.tab-btn:hover:not(.active){color:var(--text);border-color:#ffffff26}.hadith-list{display:flex;flex-direction:column;gap:14px}.hadith-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:var(--transition);position:relative}.hadith-card:hover{border-color:#c9a84c40}.hadith-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--gold-glow);border:1px solid #c9a84c40;color:var(--gold);font-size:12px;font-weight:700;flex-shrink:0}.hadith-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.hadith-meta{flex:1}.hadith-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:2px}.hadith-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--green);font-weight:600}.hadith-arabic{font-family:"Noto Naskh Arabic",serif;font-size:clamp(15px,2.5vw,19px);direction:rtl;line-height:2;color:var(--text);margin-bottom:14px;padding:16px;background:#ffffff05;border-radius:8px;border-right:3px solid var(--gold)}.hadith-indo{font-size:13.5px;color:var(--text-muted);line-height:1.75}.hadith-actions{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.hadith-btn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.hadith-btn:hover{color:var(--text);border-color:#ffffff26}.hadith-btn.primary{border-color:#c9a84c4d;color:var(--gold)}.hadith-btn.primary:hover{background:var(--gold-glow)}.skeleton{background:linear-gradient(90deg,var(--card) 25%,#ffffff0a 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:14px}.sk-line{height:12px;margin-bottom:10px;border-radius:4px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:80px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.feature-icon{width:44px;height:44px;border-radius:10px;background:var(--gold-glow);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.feature-title{font-weight:700;font-size:15px;color:var(--text);margin-bottom:8px}.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.65}.download-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(32px,6vw,64px);text-align:center;margin-bottom:80px;position:relative;overflow:hidden}.download-section::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,#c9a84c1f 0%,transparent 70%);pointer-events:none}.download-title{font-family:"Amiri",serif;font-size:clamp(24px,4vw,40px);font-weight:700;color:var(--text);margin-bottom:12px}.download-sub{font-size:14px;color:var(--text-muted);margin-bottom:32px}.download-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dl-btn{display:flex;align-items:center;gap:10px;padding:13px 22px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:13.5px;transition:var(--transition)}.dl-btn:hover{border-color:#c9a84c66;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.dl-btn .platform{font-size:22px}.dl-btn .info{text-align:left}.dl-btn .label{font-size:11px;color:var(--text-muted);font-weight:400}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:40px clamp(16px,5vw,80px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.footer-brand{font-family:"Amiri",serif;font-size:20px;color:var(--gold);font-weight:700}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:13px;transition:var(--transition)}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:12px;color:var(--text-dim)}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 20px;font-size:13px;color:var(--text);z-index:500;opacity:0;transform:translateY(10px);transition:.3s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 600px){.nav-links{display:none}.kitab-grid{grid-template-columns:repeat(2,1fr)}.hadith-arabic{font-size:16px}}.ornament{display:flex;align-items:center;gap:14px;justify-content:center;margin:12px 0 4px;color:var(--gold-dim);font-size:12px;letter-spacing:3px}.ornament-line{flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}.ornament-line.right{background:linear-gradient(90deg,var(--gold-dim),transparent)}.loading-text{text-align:center;color:var(--text-muted);font-size:13px;padding:40px}.loading-dots::after{content:"...";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,100%{content:"..."}}