:root{--bg-dark:#07090e;--bg-surface:#0d121c;--bg-surface-elevated:#131b2a;--bg-card:#131b2ab8;--bg-card-hover:#192438d9;--gold-primary:#f59e0b;--gold-light:#fbbf24;--gold-hover:#d97706;--gold-glow:#f59e0b40;--gold-border:#f59e0b59;--azure-glow:#38bdf833;--emerald-sacred:#10b981;--emerald-glow:#10b98133;--lotus-rose:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-gold:#fcd34d;--border-subtle:#ffffff14;--border-bright:#ffffff29;--font-heading:"Cinzel", serif;--font-serif:"Playfair Display", serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 10px 30px #00000073;--shadow-lg:0 20px 50px #000000a6;--shadow-gold:0 0 35px #f59e0b2e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.65;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 20%,#f59e0b0a 0%,#0000 40%),radial-gradient(circle at 85% 65%,#38bdf809 0%,#0000 45%),radial-gradient(circle at 50% 90%,#10b98108 0%,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none;transition:all .25s}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:.03em;font-weight:700;line-height:1.25}.font-serif{font-family:var(--font-serif)}.text-gold{color:var(--gold-light)}.text-gradient-gold{background:linear-gradient(135deg,#fff 0%,#fcd34d 40%,#f59e0b 80%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 60%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-emerald{background:linear-gradient(135deg,#d1fae5 0%,#34d399 60%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-bright)}.glass-panel-gold{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--gold-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-gold), var(--shadow-md)}.btn{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#0b0f19;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);box-shadow:0 6px 20px #f59e0b59}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 28px #f59e0b8c}.btn-secondary{color:#fff;border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.btn-outline-gold{border:1px solid var(--gold-border);color:var(--gold-light);background:#f59e0b0d}.btn-outline-gold:hover{border-color:var(--gold-light);box-shadow:0 0 20px var(--gold-glow);background:#f59e0b26;transform:translateY(-2px)}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--gold-light);background:#f59e0b1f;border-color:#f59e0b47}.badge-cyan{color:#7dd3fc;background:#38bdf81f;border-color:#38bdf847}.badge-emerald{color:#6ee7b7;background:#10b9811f;border-color:#10b98147}.badge-rose{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e47}.section-header{text-align:center;max-width:780px;margin:0 auto 56px}.section-header .badge{margin-bottom:16px}.section-header h2{margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.75rem)}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}@keyframes floatPrayerFlags{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(.8deg)}}.animate-float{animation:6s ease-in-out infinite floatPrayerFlags}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}