@import"https://fonts.googleapis.com/css2?family=Amiri&family=Poppins:wght@300;400;600;700&display=swap";:root{--primary: #00d4ff;--secondary: #2ecc71;--accent: #ff9d00;--bg-dark: #050507;--card-bg: #111217;--text-main: #ffffff;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Poppins,sans-serif;overflow-x:hidden}.ramadan-app{padding:40px 20px;min-height:100vh}.container{max-width:1200px;margin:0 auto}.header-section{text-align:center;margin-bottom:40px}.header-section h1{font-size:clamp(2rem,5vw,3rem);color:var(--primary);margin-bottom:10px;text-shadow:0 0 20px rgba(0,212,255,.3)}.search-container{margin:25px 0;display:flex;justify-content:center}.search-container form{display:flex;width:100%;max-width:500px;box-shadow:0 4px 15px #0000004d}.city-input{flex:1;padding:15px 20px;border-radius:12px 0 0 12px;border:1px solid #333;background:#1a1b21;color:#fff;outline:none;font-size:1rem}.search-btn{padding:0 25px;border-radius:0 12px 12px 0;border:none;background:var(--primary);color:#000;font-weight:700;cursor:pointer;transition:var(--transition)}.search-btn:hover{background:#00b8e6}.city-label{margin-top:15px;font-size:1rem;opacity:.8}.city-label span{color:var(--secondary);font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--secondary)}.quran-section{background:var(--card-bg);padding:25px;border-radius:20px;margin-bottom:40px;border:1px solid #222;text-align:center}.surah-select{width:100%;max-width:400px;padding:12px;background:#1a1b21;color:#fff;border:1px solid #333;border-radius:10px;margin-bottom:20px}.btn-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.play-btn,.read-btn{padding:12px 25px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:var(--transition)}.play-btn{background:var(--primary);color:#000}.read-btn{background:#ffffff0d;color:#fff;border:1px solid #444}.ramadan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;padding:10px 0}.card{background:var(--card-bg);border-radius:24px;padding:25px;border:1px solid #222;position:relative;opacity:0;animation:fadeInUp .6s ease forwards;transition:var(--transition)}.card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 10px 30px #00d4ff26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ashra-badge{background:#00d4ff1a;color:var(--primary);padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700}.roza-title{color:var(--secondary);font-size:1.6rem;margin-bottom:20px}.timing-box{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:20px;border-radius:18px;margin-bottom:20px}.t-item{flex:1}.t-label{font-size:.7rem;color:#888;display:block;margin-bottom:5px;letter-spacing:1px}.t-val{font-size:1.25rem;font-weight:800}.sehri{color:var(--primary)}.iftar{color:var(--accent)}.divider{width:1px;height:40px;background:#ffffff1a;margin:0 15px}.ashra-section{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.dua-label{font-size:.7rem;color:var(--primary);font-weight:700;text-transform:uppercase}.dua-text{font-family:Amiri,serif;font-size:1.2rem;direction:rtl;line-height:1.8;margin-top:10px;color:#eee}.quran-modal{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column}.modal-header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #222}.modal-body{flex:1;overflow-y:auto;padding:20px}.ayah-card{background:#111;padding:25px;border-radius:15px;margin-bottom:20px;border:1px solid #222;text-align:right}.arabic-text{font-family:Amiri,serif;font-size:1.8rem;line-height:2.5}.urdu-text{display:block;margin-top:15px;color:var(--primary);direction:rtl}@media(max-width:600px){.ramadan-grid{grid-template-columns:1fr;padding:10px}.search-container form{flex-direction:column;box-shadow:none}.city-input{border-radius:12px;margin-bottom:10px}.search-btn{border-radius:12px;padding:15px}}