@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cinzel:wght@500;700&family=Inter:wght@400;600&display=swap";:root{--bg-main: #06080F;--gold: #C9A028;--teal: #2DC9A8;--text-light: #F8FAFC;--text-muted: #94A3B8;--danger: #EF4444;--font-arabic: "Amiri", serif;--font-heading: "Cinzel", serif;--font-body: "Inter", sans-serif;--glass-bg: rgba(12, 20, 34, .45);--glass-bg-hover: rgba(20, 30, 50, .6);--glass-border: rgba(255, 255, 255, .08);--glass-border-highlight: rgba(201, 160, 40, .3);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--glass-blur: blur(20px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-light);font-family:var(--font-body);min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15;animation:float 20s ease-in-out infinite alternate}body:before{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--teal)}body:after{bottom:-10%;right:-10%;width:60vw;height:60vw;background:var(--gold);animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(10%,15%) scale(1.2)}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all .3s ease}.glass-nav{background:#06080fa6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.glass-btn{background:#ffffff0d;color:var(--gold);border:1px solid var(--glass-border);padding:.6rem 1.2rem;cursor:pointer;border-radius:12px;font-family:var(--font-body);font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.glass-btn:hover{background:#c9a02826;border-color:var(--glass-border-highlight);transform:translateY(-1px)}.glass-btn-primary{background:#2dc9a826;color:var(--teal);border-color:#2dc9a84d}.glass-btn-primary:hover{background:#2dc9a840;border-color:var(--teal)}.glass-input{background:#0003;border:1px solid var(--glass-border);color:#fff;padding:1rem;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;font-size:1rem;transition:border-color .2s}.glass-input:focus{outline:none;border-color:var(--gold)}.container{max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3{font-family:var(--font-heading);color:var(--gold)}.arabic{font-family:var(--font-arabic);direction:rtl;font-size:2rem;line-height:2.5}h1.arabic{font-size:3rem}.nav-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap}.ayah-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.ayah-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.tajweed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}@media (max-width: 768px){.container{padding:1.5rem 1rem}.arabic{font-size:1.75rem;line-height:2.2}h1.arabic{font-size:2.5rem}.nav-container{flex-direction:column;text-align:center}.nav-links{justify-content:center;width:100%;gap:1rem}}@media (max-width: 480px){.container{padding:1rem .5rem}.arabic{font-size:1.5rem;line-height:2}h1.arabic{font-size:2rem}.glass-btn{width:100%;text-align:center;padding:.75rem}.ayah-actions{flex-direction:column}.tajweed-header{flex-direction:column;align-items:flex-start}}