@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap";
:root{--font-outfit:"Outfit", sans-serif;--font-amiri:"Amiri", serif;--bg-color:#fdfbf7;--fg-color:#0f172a;--primary-color:#ea580c;--primary-glow:#ea580c1a;--secondary-color:#d97706;--secondary-glow:#d9770626;--accent-color:#059669;--card-bg:#fff;--card-hover-bg:#fffbf7;--card-border:#ea580c1f;--input-bg:#fafaf9;--input-border:#ea580c33;--text-muted:#64748b;--nav-bg:#fdfbf7d9;--gradient-dawn:linear-gradient(135deg, #fdfbf7 0%, #fff7ed 70%, #ffedd5 100%);--gradient-subuh:linear-gradient(90deg, #ea580c 0%, #f59e0b 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--box-shadow-glow:0 10px 30px #ea580c0f;--glass-blur:blur(20px);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px}[data-theme=dark]{--bg-color:#080b11;--fg-color:#f8fafc;--primary-color:#ea580c;--primary-glow:#ea580c26;--secondary-color:#f59e0b;--secondary-glow:#f59e0b33;--accent-color:#10b981;--card-bg:#111622b3;--card-hover-bg:#1e2536d9;--card-border:#ea580c26;--input-bg:#0b0f19d9;--input-border:#ea580c40;--text-muted:#94a3b8;--nav-bg:#080b11d9;--gradient-dawn:linear-gradient(135deg, #080b11 0%, #1e1b4b 60%, #4c1d95 80%, #7c2d12 100%);--gradient-subuh:linear-gradient(90deg, #ea580c 0%, #f59e0b 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--box-shadow-glow:0 0 35px #ea580c2e}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .2s}html,body{width:100%;min-height:100vh;font-family:var(--font-outfit), sans-serif;color:var(--fg-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body:before{content:"";background:var(--gradient-dawn);z-index:-2;position:fixed;inset:0}body:after{content:"";opacity:.02;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px, var(--primary-color) 1px, transparent 0);background-size:28px 28px;position:fixed;inset:0}[data-theme=light] body:after{opacity:.04}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ea580c4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--box-shadow-glow)}.glass-interactive{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);cursor:pointer;box-shadow:var(--box-shadow-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-interactive:hover{background:var(--card-hover-bg);border-color:#ea580c66;transform:translateY(-3px);box-shadow:0 15px 35px #ea580c40}.arabic{font-family:var(--font-amiri), serif;direction:rtl}@keyframes pulse-soft{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 15px #ea580c66);transform:scale(1.02)}}.animate-pulse-soft{animation:5s ease-in-out infinite pulse-soft}.container{max-width:720px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--gradient-subuh);color:#fff;cursor:pointer;border:none;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ea580c59}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 25px #ea580c73}.btn-primary:active{transform:translateY(1px)}