@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&family=Assistant:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #1a2332;--bg-secondary: #243447;--bg-gradient: linear-gradient(135deg, #1a2332 0%, #243447 50%, #2d4057 100%);--bg-card: #f8f9fa;--bg-card-dark: #2d4057;--text-primary: #ffffff;--text-secondary: #b8c5d1;--text-dark: #2d3748;--accent-gold: #d4af37;--accent-gold-light: #f4d03f;--border-light: #e2e8f0;--border-dark: #4a5568;--shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .15);--shadow-heavy: 0 20px 40px rgba(0, 0, 0, .2);--font-primary: "Heebo", "Assistant", system-ui, -apple-system, sans-serif;--font-secondary: "Rubik", "Heebo", serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;direction:rtl;text-align:right;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;background:var(--bg-gradient);position:relative}.app-header{background:var(--bg-primary);padding:var(--spacing-lg) var(--spacing-md);text-align:center;position:relative;border-bottom:1px solid var(--border-dark)}.app-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.logo-icon{width:60px;height:60px;background:var(--accent-gold);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--bg-primary);box-shadow:var(--shadow-medium)}.app-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.app-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:400;margin:0}.nav-desktop{display:none}.main-content{padding:var(--spacing-xl) var(--spacing-md);padding-bottom:100px;max-width:800px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.feature-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-light);text-decoration:none;color:var(--text-dark);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-height:120px}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.feature-card-icon{font-size:2rem;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.feature-card-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.action-button{background:var(--bg-card-dark);color:var(--text-primary);border:none;border-radius:var(--radius-full);padding:var(--spacing-lg) var(--spacing-xl);font-size:1rem;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease;box-shadow:var(--shadow-light);min-height:56px}.action-button:hover{background:#3d5a7a;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.action-button-icon{font-size:1.2rem}.share-section{background:#d4af371a;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-2xl);border:1px solid rgba(212,175,55,.2)}.share-icon{font-size:2rem;color:var(--accent-gold);margin-bottom:var(--spacing-md)}.share-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.share-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 -4px 20px #0000001a;z-index:1000}.bottom-nav-content{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);text-decoration:none;color:var(--text-dark);transition:all .3s ease;border-radius:var(--radius-sm);min-width:60px}.bottom-nav-item:hover,.bottom-nav-item.active{background:#d4af371a;color:var(--accent-gold)}.bottom-nav-icon{font-size:1.5rem}.bottom-nav-label{font-size:.75rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-md)}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:400px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-heavy)}.modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.modal-list{list-style:none;padding:0;margin:0}.modal-list-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-dark);font-weight:500;text-align:center}.modal-list-item:last-child{border-bottom:none}.prayer-times-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.prayer-time-item{background:transparent;border:2px solid var(--accent-gold);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg);text-align:center;color:var(--text-primary);font-weight:500}.prayer-time-single{grid-column:1 / -1;justify-self:center;max-width:300px}.content-page{background:var(--bg-card);color:var(--text-dark);min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);padding-bottom:100px}.content-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-light)}.content-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.content-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.search-container{margin-bottom:var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:1rem;background:var(--bg-card);color:var(--text-dark);text-align:right}.search-input::placeholder{color:var(--text-secondary)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);justify-content:center}.filter-button{background:var(--bg-card-dark);color:var(--text-primary);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-button:hover,.filter-button.active{background:var(--accent-gold);color:var(--bg-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-item{text-align:center;padding:var(--spacing-md)}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-dark);display:block}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.stories-grid{display:grid;gap:var(--spacing-lg)}.story-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.story-category{display:inline-block;background:var(--accent-gold);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;margin-bottom:var(--spacing-md)}.story-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-md)}.story-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.story-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.story-duration{font-size:.9rem;color:var(--text-secondary)}.story-button{background:var(--bg-card-dark);color:var(--text-primary);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.story-button:hover{background:var(--accent-gold);color:var(--bg-primary)}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-buttons,.prayer-times-grid{grid-template-columns:1fr}.main-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}.app-title{font-size:1.25rem}.content-title{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.hidden{display:none}.visible{display:block}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}