@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.animate-float{animation:floatSlow 6s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-pulse-glow{animation:pulseGlow 4s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce{animation:bounceSlow 3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 12s linear infinite}:root{--gold-primary: #D4AF37;--gold-dark: #B8860B;--gold-darker: #8B6508;--gold-light: #FFF0B2;--gold-glow: rgba(212, 175, 55, .35);--bg-dark: #0B0B0B;--bg-card: #121212;--bg-card-alt: #0E0E0E;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--font-cinzel: "Cinzel", serif;--font-poppins: "Poppins", sans-serif;--font-amiri: "Amiri", serif;--container-max: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-poppins);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-cinzel{font-family:var(--font-cinzel)}.font-amiri{font-family:var(--font-amiri)}.font-poppins{font-family:var(--font-poppins)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.container{padding-left:2rem;padding-right:2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b0b0b}::-webkit-scrollbar-thumb{background:#332b12;border-radius:4px;border:1px solid rgba(212,175,55,.3)}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.gold-gradient-text{background:linear-gradient(135deg,#fff0b2,#d4af37,#aa7c11 80%,#f5d77f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gold-gradient-bg{background:linear-gradient(135deg,#d4af37,#b8860b,#8b6508)}.gold-btn{display:inline-flex;items-center:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:9999px;background:linear-gradient(135deg,#fff0b2,#d4af37,#b8860b);color:#000;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 25px #d4af3780;transition:all .3s ease;border:1px solid rgba(255,240,178,.6);cursor:pointer}.gold-btn:hover{transform:scale(1.05);box-shadow:0 0 35px #d4af37cc}.gold-btn-outline{display:inline-flex;items-center:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:9999px;background:#121212e6;border:2px solid var(--gold-primary);color:var(--gold-primary);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;cursor:pointer}.gold-btn-outline:hover{background:var(--gold-primary);color:#000;box-shadow:0 0 25px #d4af3780;transform:scale(1.05)}.islamic-pattern-bg{background-image:radial-gradient(rgba(212,175,55,.08) 1px,transparent 0);background-size:28px 28px}#reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#d4af37,#fff0b2,#b8860b);box-shadow:0 0 10px #d4af37;z-index:1000;transition:width .15s ease-out;pointer-events:none}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo-wrap{position:relative;width:7rem;height:7rem;border-radius:50%;border:2px solid rgba(212,175,55,.5);padding:.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #d4af3766}.preloader-logo-inner{width:100%;height:100%;border-radius:50%;background:#121212;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--gold-primary)}.preloader-logo-inner img{width:5rem;height:5rem;object-fit:contain}.preloader-bar{margin-top:1.5rem;width:9rem;height:2px;background:#1e1e1e;border-radius:9999px;overflow:hidden;position:relative}.preloader-bar-fill{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#d4af37,#fff0b2,#b8860b);animation:shimmer 1.5s infinite linear}.ticker-bar{background-color:#121212;border-bottom:1px solid rgba(212,175,55,.2);font-size:.75rem;padding:.5rem 1rem;color:var(--text-secondary)}.ticker-wrap{display:flex;align-items:center;justify-content:space-between}.ticker-left{display:flex;align-items:center;gap:.75rem;overflow:hidden}.ticker-badge{display:inline-flex;align-items:center;gap:.35rem;background:#d4af371a;color:var(--gold-primary);font-weight:600;text-transform:uppercase;font-size:.68rem;padding:.15rem .6rem;border-radius:9999px;border:1px solid rgba(212,175,55,.3);flex-shrink:0}.ticker-text{color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .5s ease}.ticker-right{display:flex;align-items:center;gap:1rem;color:var(--gold-primary);font-size:.75rem}header.site-header{position:sticky;top:0;z-index:100;transition:all .4s ease;background:transparent;padding:1.25rem 0;border-bottom:1px solid rgba(212,175,55,.1)}header.site-header.scrolled{background-color:#0b0b0bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.4);box-shadow:0 10px 30px #000c;padding:.75rem 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo-btn{display:flex;align-items:center;gap:.85rem;text-align:left;cursor:pointer}.logo-circle-wrap{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;padding:2px;background:linear-gradient(135deg,#fff0b2,#d4af37,#b8860b);box-shadow:0 0 15px #d4af374d;transition:all .3s ease}.logo-btn:hover .logo-circle-wrap{box-shadow:0 0 25px #d4af37b3;transform:scale(1.05)}.logo-circle-inner{width:100%;height:100%;border-radius:50%;background-color:#0b0b0b;padding:2px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-circle-inner img{width:100%;height:100%;object-fit:contain;border-radius:50%;transition:transform .5s ease}.logo-btn:hover .logo-circle-inner img{transform:rotate(6deg)}.logo-text-title{display:block;font-size:1.1rem;font-weight:700;font-family:var(--font-cinzel);line-height:1.1}.logo-text-sub{display:block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-weight:500}.nav-menu{display:flex;align-items:center;gap:.5rem}.nav-link{position:relative;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.nav-link:hover,.nav-link.active{color:var(--gold-primary)}.nav-link.active{font-weight:600}.nav-link-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:2px;width:0;background:linear-gradient(90deg,#d4af37,#fff0b2);transition:width .3s ease;border-radius:9999px}.nav-link.active .nav-link-underline{width:75%;box-shadow:0 0 8px #d4af37}.nav-link:hover .nav-link-underline{width:60%}.nav-dropdown-wrap{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:0;width:20rem;padding-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.nav-dropdown-wrap:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-box{background:#121212f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.4);border-radius:.85rem;padding:.75rem;box-shadow:0 20px 40px #000000e6}.dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--gold-primary);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.dropdown-item:hover{background:#d4af371a;color:#fff;padding-left:.9rem}.dropdown-item-tag{font-size:.625rem;color:var(--gold-primary);background:#d4af371a;padding:.1rem .4rem;border-radius:.25rem;border:1px solid rgba(212,175,55,.2)}.hamburger-btn{display:none;padding:.5rem;border-radius:.5rem;color:var(--gold-primary);border:1px solid rgba(212,175,55,.3);font-size:1.25rem;background:transparent;cursor:pointer;transition:all .3s ease}.hamburger-btn:hover{background:#d4af371a;border-color:var(--gold-primary)}.mobile-drawer{position:fixed;left:0;right:0;top:72px;background-color:#0b0b0bfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.4);box-shadow:0 20px 40px #000000e6;padding:0 1.5rem;z-index:999;max-height:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,padding .3s ease,visibility .3s ease}.mobile-drawer.active,.mobile-drawer.open{max-height:85vh;opacity:1;visibility:visible;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;pointer-events:auto}.mobile-nav-link{width:100%;text-align:left;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;transition:all .2s ease}.mobile-nav-link.active{background:#d4af3733;color:var(--gold-primary);border:1px solid rgba(212,175,55,.4);font-weight:600}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;border-radius:9999px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);color:var(--gold-primary);font-size:.725rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.section-title{font-size:2rem;font-weight:700;color:#fff;line-height:1.25}@media(min-width:768px){.section-title{font-size:2.75rem}}.section-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-top:.75rem}.luxury-card{background-color:var(--bg-card);border:1px solid rgba(212,175,55,.3);border-radius:1.25rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 10px 30px #000c}.luxury-card:hover{border-color:var(--gold-primary);box-shadow:0 15px 35px #d4af3733;transform:translateY(-4px)}.stat-card{padding:1rem;border-radius:.85rem;background-color:var(--bg-card);border:1px solid rgba(212,175,55,.2);text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#d4af3799;box-shadow:0 0 20px #d4af3733}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-cinzel)}@media(min-width:768px){.stat-value{font-size:2.25rem}}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.course-card{background-color:var(--bg-card);border:1px solid rgba(212,175,55,.3);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.course-card:hover{border-color:var(--gold-primary);box-shadow:0 15px 35px #d4af3740;transform:translateY(-4px)}.course-img-wrap{position:relative;height:12rem;background-color:#0f172a;overflow:hidden}.course-img-wrap img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .5s ease}.course-card:hover .course-img-wrap img{transform:scale(1.08)}.course-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#121212 0%,transparent 100%)}.course-badge-duration{position:absolute;top:.75rem;right:.75rem;background-color:var(--gold-primary);color:#000;font-size:.625rem;font-weight:700;padding:.25rem .65rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.course-badge-cat{position:absolute;bottom:.75rem;left:.75rem;background:#0b0b0bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.4);color:var(--gold-primary);font-size:.6875rem;font-weight:600;padding:.25rem .6rem;border-radius:.375rem}.course-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.course-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;transition:color .3s ease}.course-card:hover .course-title{color:var(--gold-primary)}.course-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.management-card{background-color:var(--bg-card);border:2px solid rgba(212,175,55,.3);border-radius:1rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.management-card:hover{border-color:var(--gold-primary);box-shadow:0 10px 30px #d4af3740;transform:translateY(-6px)}.management-icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8860b);color:#000;font-family:var(--font-cinzel);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 15px #d4af3766;transition:transform .3s ease}.management-card:hover .management-icon{transform:scale(1.1)}.floating-widgets{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.75rem}.floating-btn{width:3.25rem;height:3.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 0 20px #000c;transition:all .3s ease;cursor:pointer}.floating-btn-scroll{background:#121212e6;border:1px solid rgba(212,175,55,.5);color:var(--gold-primary)}.floating-btn-scroll:hover{background:var(--gold-primary);color:#000;transform:scale(1.1)}.floating-btn-phone{background:#121212;border:1px solid var(--gold-primary);color:var(--gold-primary)}.floating-btn-phone:hover{background:var(--gold-primary);color:#000;transform:scale(1.1)}.floating-btn-wa{background-color:#25d366;box-shadow:0 0 25px #25d36680;position:relative}.floating-btn-wa:hover{background-color:#20ba5a;transform:scale(1.1)}footer.site-footer{background-color:#070707;color:var(--text-secondary);padding-top:4rem;padding-bottom:2rem;border-top:2px solid rgba(212,175,55,.5);position:relative}.footer-newsletter-box{background-color:var(--bg-card);border:1px solid rgba(212,175,55,.3);border-radius:1rem;padding:1.5rem 2rem;margin-bottom:4rem;box-shadow:0 0 30px #d4af371a;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.footer-newsletter-box{flex-direction:row;align-items:center;justify-content:space-between}}.footer-social-link{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#121212;border:1px solid rgba(212,175,55,.4);display:inline-flex;align-items:center;justify-content:center;color:var(--gold-primary);font-size:1rem;box-shadow:0 0 12px #d4af3740;transition:all .3s ease}.footer-social-link:hover{background-color:var(--gold-primary);color:#000;transform:scale(1.15);border-color:var(--gold-primary);box-shadow:0 0 20px #d4af3799}.form-input{width:100%;background-color:#0b0b0b;border:1px solid rgba(212,175,55,.3);border-radius:.75rem;padding:.75rem 1rem;font-size:.75rem;color:#fff;outline:none;transition:border-color .3s ease;font-family:inherit}.form-input:focus{border-color:var(--gold-primary)}.form-input::placeholder{color:#64748b}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:var(--bg-card);border:2px solid var(--gold-primary);border-radius:1.5rem;padding:2rem;max-width:32rem;width:100%;position:relative;box-shadow:0 0 60px #d4af3780;text-align:center}.modal-close-btn{position:absolute;top:1rem;right:1rem;color:var(--text-muted);font-size:1.25rem;cursor:pointer}.modal-close-btn:hover{color:#fff}@media(max-width:1023px){.nav-menu,.header-cta{display:none}.hamburger-btn{display:flex;align-items:center;justify-content:center}}@media(max-width:767px){.ticker-right{display:none}.ticker-wrap{justify-content:center}.section-title{font-size:1.75rem}.hero-bismillah{font-size:1.25rem!important}.hero-main-title{font-size:2.25rem!important}.hero-actions{flex-direction:column;width:100%}.hero-actions .gold-btn,.hero-actions .gold-btn-outline,.hero-actions button{width:100%}}@media(max-width:480px){.container{padding-left:.85rem;padding-right:.85rem}.logo-text-title{font-size:.95rem}.logo-text-sub{font-size:.55rem}.logo-circle-wrap{width:2.75rem;height:2.75rem}}