@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #354FAF;--color-primary-light: #5C74CB;--color-primary-soft: #E8ECFB;--color-deep-blue: #1E368E;--color-midnight: #16205C;--color-gold: #D0B87B;--color-gold-light: #EADFC1;--color-gold-deep: #A98F4E;--color-gold-soft: #F7F1E1;--color-bg: #F7F8FD;--color-surface: #FFFFFF;--color-surface-alt: #F3F4FD;--color-snow: #DDE2F8;--color-border: #E6E9F5;--color-text: #202431;--color-text-secondary: #6B6F98;--color-text-tertiary: #ABAEC6;--color-success: #2E9E6B;--color-danger: #C84A42;--teal: #2E7D6B;--teal-soft: #E3F1EC;--teal-deep: #17493D;--plum: #8A6FBF;--plum-soft: #EEE9F9;--plum-deep: #4C3785;--amber: #C08A4A;--amber-soft: #F9EFE1;--amber-deep: #8A5C22;--sky: #3F7FA8;--sky-soft: #E5EFF6;--sky-deep: #1D4A66;--rose: #A85A6B;--rose-soft: #F8EAEE;--rose-deep: #6E2E3C;--gradient-hero: linear-gradient(135deg, #3E5AC0 0%, #23388F 55%, #16205C 100%);--gradient-gold: linear-gradient(135deg, #E2CE9A 0%, #C5A968 100%);--gradient-player: linear-gradient(180deg, #23388F 0%, #121A4A 100%);--gradient-dzikir: linear-gradient(135deg, #2E7D6B 0%, #17493D 100%);--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Amiri", serif;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 22px;--radius-pill: 9999px;--shadow-card: 0 20px 40px -24px rgba(22, 32, 92, .18);--shadow-card-hover: 0 28px 54px -20px rgba(53, 79, 175, .22);--shadow-button: 0 10px 24px rgba(53, 79, 175, .28);--shadow-gold-button: 0 10px 24px rgba(208, 184, 123, .45)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden}body{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(53,79,175,.07) 0%,transparent 42%),radial-gradient(circle at 88% 18%,rgba(208,184,123,.1) 0%,transparent 40%),radial-gradient(circle at 50% 92%,rgba(53,79,175,.06) 0%,transparent 48%),var(--color-bg);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-snow);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.glass-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{transform:translateY(-3px);border-color:var(--color-primary-soft);box-shadow:var(--shadow-card-hover)}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-deep-blue) 100%);color:#fff;font-weight:700;font-size:1rem;padding:14px 28px;border-radius:var(--radius-sm);text-decoration:none;border:none;cursor:pointer;box-shadow:var(--shadow-button);transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #354faf66;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:1rem;padding:14px 28px;border-radius:var(--radius-sm);text-decoration:none;border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-2px)}.btn-gold{background:var(--gradient-gold);color:var(--color-midnight);box-shadow:var(--shadow-gold-button)}.btn-gold:hover{background:linear-gradient(135deg,#eadfc1,#d0b87b);box-shadow:0 14px 30px #d0b87b8c;color:var(--color-midnight)}.badge-glow{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-pill);background:var(--color-primary-soft);border:1px solid rgba(53,79,175,.18);color:var(--color-primary);font-size:.875rem;font-weight:600;letter-spacing:.02em}.badge-gold{background:var(--color-gold-soft);border:1px solid rgba(208,184,123,.4);color:var(--color-gold-deep)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 10px #354faf99;animation:pulse 1.5s infinite}.badge-gold .pulse-dot{background:var(--color-gold-deep);box-shadow:0 0 10px #a98f4e99}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #354faf73}70%{transform:scale(1);box-shadow:0 0 0 10px #354faf00}to{transform:scale(.95);box-shadow:0 0 #354faf00}}.islamic-pattern{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.1'%3E%3Cpath d='M36 2 L54 20 L36 38 L18 20 Z'/%3E%3Cpath d='M36 38 L54 56 L36 70 L18 56 Z'/%3E%3Cpath d='M2 36 L20 18 L38 36 L20 54 Z'/%3E%3Cpath d='M38 36 L56 18 L70 36 L56 54 Z'/%3E%3Ccircle cx='36' cy='36' r='9'/%3E%3C/g%3E%3C/svg%3E");background-size:72px 72px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.65}50%{opacity:1}}.animate-glow{animation:pulseGlow 3s ease-in-out infinite}.bar{width:4px;background-color:var(--color-primary);border-radius:2px;animation:soundWave 1.2s ease-in-out infinite alternate}.bar:nth-child(1){height:12px;animation-delay:.1s}.bar:nth-child(2){height:24px;animation-delay:.3s}.bar:nth-child(3){height:36px;animation-delay:.2s}.bar:nth-child(4){height:18px;animation-delay:.4s}.bar:nth-child(5){height:28px;animation-delay:.15s}@keyframes soundWave{0%{transform:scaleY(.3)}to{transform:scaleY(1.2)}}.navbar[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;padding:16px 24px;background:#f7f8fdd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-container[data-astro-cid-3ef6ksr2]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon[data-astro-cid-3ef6ksr2]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border:1px solid rgba(53,79,175,.16)}.brand-text[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.brand-text[data-astro-cid-3ef6ksr2] .title[data-astro-cid-3ef6ksr2]{font-weight:800;font-size:1.15rem;color:var(--color-text);letter-spacing:-.01em}.brand-text[data-astro-cid-3ef6ksr2] .sub[data-astro-cid-3ef6ksr2]{font-size:.75rem;color:var(--color-primary);font-weight:600}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:22px}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary)}.nav-badge[data-astro-cid-3ef6ksr2]{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:var(--color-gold-soft);border:1px solid rgba(208,184,123,.4);color:var(--color-gold-deep)!important;font-weight:600!important}.dot[data-astro-cid-3ef6ksr2]{width:6px;height:6px;border-radius:50%;background:var(--color-gold-deep);box-shadow:0 0 6px #a98f4e99}.btn-sm[data-astro-cid-3ef6ksr2]{padding:10px 20px;font-size:.9rem;border-radius:12px}@media(max-width:1040px){.nav-links[data-astro-cid-3ef6ksr2]{display:none}}@media(max-width:480px){.navbar[data-astro-cid-3ef6ksr2]{padding:14px 16px}.brand-icon[data-astro-cid-3ef6ksr2]{width:38px;height:38px}.brand-text[data-astro-cid-3ef6ksr2] .title[data-astro-cid-3ef6ksr2]{font-size:1rem;white-space:nowrap}.brand-text[data-astro-cid-3ef6ksr2] .sub[data-astro-cid-3ef6ksr2]{display:none}.btn-sm[data-astro-cid-3ef6ksr2]{padding:9px 14px;font-size:.8rem;white-space:nowrap}.btn-sm[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{width:16px;height:16px}}.footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);background:var(--color-surface);padding:60px 24px 30px;margin-top:60px}.footer-container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-brand[data-astro-cid-sz7xmlte]{max-width:400px}.brand[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:12px}.brand[data-astro-cid-sz7xmlte] .title[data-astro-cid-sz7xmlte]{font-weight:800;font-size:1.2rem;color:var(--color-text)}.footer-brand[data-astro-cid-sz7xmlte] .desc[data-astro-cid-sz7xmlte]{color:var(--color-text-secondary);font-size:.92rem;margin-top:14px;line-height:1.6}.email-info[data-astro-cid-sz7xmlte]{font-size:.88rem;color:var(--color-primary);margin-top:10px;font-weight:600}.email-info[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-primary);text-decoration:underline}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:60px}.col[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:12px}.col[data-astro-cid-sz7xmlte] h6[data-astro-cid-sz7xmlte]{color:var(--color-text);font-size:.95rem;font-weight:700}.col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-primary)}.footer-bottom[data-astro-cid-sz7xmlte]{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-tertiary);font-size:.85rem}@media(max-width:640px){.footer-links[data-astro-cid-sz7xmlte]{gap:32px}}