.salah_main_div{width:100%;min-height:100vh;padding:3rem 0;margin-top:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8faf9,#ffffff)}.salah_inner_div{width:90%;max-width:1400px;display:flex;flex-direction:column;gap:3rem}.salah_header{text-align:center;margin-bottom:2rem}.salah_header h1{font-size:48px;color:#1a3a1d;font-family:Lato-Bold;margin:0 0 1rem;letter-spacing:-.5px}.header_decorative_line{width:100px;height:4px;background:linear-gradient(90deg,#2c5530,#40aa49 50%,#2c5530);border-radius:2px;margin:0 auto 1.5rem}.header_subtitle{font-size:22px;color:#40aa49;font-family:Lato-Regular;font-style:italic;margin:0}.salah_content{gap:3rem}.intro_card,.salah_content{display:flex;flex-direction:column}.intro_card{background:white;padding:3rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;align-items:center;text-align:center;gap:1.5rem}.card_icon{font-size:64px;width:100px;height:100px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.15)}.intro_card h2{font-size:32px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.intro_card p{font-size:18px;color:#2d3748;font-family:Lato-Regular;line-height:1.8;margin:0;max-width:900px}.quran_quote{background:linear-gradient(135deg,#2c5530,#40aa49);padding:3rem;border-radius:20px;box-shadow:0 12px 48px rgba(44,85,48,.3);flex-direction:column;gap:1.5rem;text-align:center}.quote_icon,.quran_quote{display:flex;align-items:center}.quote_icon{font-size:48px;width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote_arabic{font-size:32px;line-height:2;color:white;font-family:Lato-Bold;margin:0}.quote_translation{font-size:20px;color:rgba(255,255,255,.95);font-family:Lato-Regular;font-style:italic;line-height:1.7;margin:0}.quote_reference{font-size:16px;color:rgba(255,255,255,.9);font-family:Lato-Bold}.prayer_times_section{display:flex;flex-direction:column;gap:2rem}.prayer_times_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.prayer_times_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.prayer_time_card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(44,85,48,.08);border-top:4px solid #40aa49;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.prayer_time_card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(44,85,48,.15)}.prayer_time_header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.prayer_time_card h3{font-size:24px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.prayer_rakah_badge{padding:.4rem 1rem;background:linear-gradient(135deg,#2c5530,#40aa49);color:white;border-radius:20px;font-size:14px;font-family:Lato-Bold;white-space:nowrap}.prayer_desc{font-size:15px;color:#4a5568;font-family:Lato-Regular;margin:0;font-style:italic}.prayer_time_info{display:flex;align-items:center;gap:.5rem;font-size:16px;color:#40aa49;font-family:Lato-Regular}.prayer_time_info svg{color:#40aa49}.preparation_section{display:flex;flex-direction:column;gap:2rem}.preparation_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.preparation_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.preparation_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.preparation_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.prep_number{width:50px;height:50px;background:linear-gradient(135deg,#2c5530,#40aa49);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Lato-Bold;box-shadow:0 4px 16px rgba(44,85,48,.3)}.preparation_card h3{font-size:22px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.prep_intro{color:#2d3748}.prep_intro,.preparation_card p{font-size:16px;font-family:Lato-Regular;line-height:1.7;margin:0}.preparation_card p{color:#4a5568}.prep_list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.prep_list li{font-size:15px;color:#4a5568;font-family:Lato-Regular;padding-left:1.5rem;position:relative}.prep_list li:before{content:"✓";position:absolute;left:0;color:#40aa49;font-weight:700}.steps_section{display:flex;flex-direction:column;gap:2.5rem}.steps_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.step_container{gap:2rem}.step_card,.step_container{display:flex;flex-direction:column}.step_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);gap:1.5rem;border-left:6px solid #40aa49;transition:all .3s ease}.step_card:hover{transform:translateX(8px);box-shadow:0 12px 40px rgba(44,85,48,.15)}.step_header{gap:1.5rem}.step_header,.step_icon{display:flex;align-items:center}.step_icon{font-size:48px;width:70px;height:70px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.1);flex-shrink:0}.step_header h3{font-size:24px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.step_action{font-size:17px;color:#2d3748;font-family:Lato-Regular;line-height:1.7;margin:0}.arabic_box{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);padding:1.5rem;border-radius:12px;border-left:4px solid #40aa49;display:flex;flex-direction:column;gap:.75rem}.arabic_box.large{padding:2rem}.arabic_text{font-size:26px}.arabic_text,.arabic_text_small{line-height:2;text-align:center;color:#1a3a1d;font-family:Lato-Bold;margin:0}.arabic_text_small{font-size:20px}.arabic_text_medium{font-size:22px;line-height:2.2;text-align:center;color:#1a3a1d;font-family:Lato-Bold;margin:0}.transliteration{font-size:16px;color:#2d3748;font-style:italic}.translation,.transliteration{font-family:Lato-Regular;text-align:center;margin:0}.translation{font-size:15px;color:#4a5568}.translation_block{margin-top:1rem;padding-top:1rem;border-top:2px solid #40aa4940}.translation_block p{color:#2d3748;line-height:1.8;text-align:center}.step_note,.translation_block p{font-size:16px;font-family:Lato-Regular;margin:0}.step_note{color:#40aa49;line-height:1.6;font-style:italic}.tashahhud_section,.taslim_section{display:flex;flex-direction:column;gap:2rem}.tashahhud_section h2,.taslim_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.tashahhud_card,.taslim_card{background:white;padding:3rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;gap:1.5rem}.tashahhud_intro,.taslim_card p{font-size:18px;color:#2d3748;font-family:Lato-Regular;line-height:1.8;margin:0;text-align:center}.completion_badge{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#2c5530,#40aa49);border-radius:16px;color:white;font-size:20px;font-family:Lato-Bold;box-shadow:0 8px 24px rgba(44,85,48,.3)}.completion_badge span{font-size:32px}.resources_section{display:flex;flex-direction:column;gap:2rem}.resources_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.resources_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.resource_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;align-items:center;gap:1.5rem;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.resource_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15);border-color:#40aa49}.resource_icon{width:70px;height:70px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2c5530}.resource_content h3{font-size:22px;color:#1a3a1d;font-family:Lato-Bold;margin:0 0 .5rem}.resource_content p{font-size:16px;color:#4a5568;font-family:Lato-Regular;margin:0}@media screen and (max-width:768px){.salah_main_div{margin-top:80px;padding:2rem 0}.salah_inner_div{width:95%;gap:2rem}.salah_header h1{font-size:36px}.header_subtitle{font-size:18px}.intro_card{padding:2rem}.card_icon{font-size:48px;width:80px;height:80px}.intro_card h2{font-size:26px}.intro_card p{font-size:16px}.quran_quote{padding:2rem}.quote_arabic{font-size:26px}.quote_translation{font-size:17px}.prayer_times_section h2,.preparation_section h2,.resources_section h2,.steps_section h2,.tashahhud_section h2,.taslim_section h2{font-size:28px}.prayer_times_grid,.preparation_grid{grid-template-columns:1fr}.preparation_card,.step_card{padding:2rem}.step_header{flex-direction:column;align-items:flex-start}.step_icon{font-size:40px;width:60px;height:60px}.step_header h3{font-size:20px}.arabic_text{font-size:22px}.arabic_text_small{font-size:18px}.arabic_text_medium{font-size:20px}.tashahhud_card,.taslim_card{padding:2rem}.resources_grid{grid-template-columns:1fr}.resource_card{padding:2rem}}@media screen and (max-width:480px){.salah_header h1{font-size:32px}.header_subtitle{font-size:16px}.intro_card{padding:1.5rem}.intro_card h2{font-size:22px}.intro_card p{font-size:15px}.quran_quote{padding:1.5rem}.quote_arabic{font-size:22px}.quote_translation{font-size:16px}.prayer_times_section h2,.preparation_section h2,.resources_section h2,.steps_section h2,.tashahhud_section h2,.taslim_section h2{font-size:24px}.prayer_time_card,.preparation_card,.step_card{padding:1.5rem}.step_header h3{font-size:18px}.arabic_text{font-size:20px}.arabic_text_small{font-size:16px}.arabic_text_medium{font-size:18px}.tashahhud_card,.taslim_card{padding:1.5rem}.completion_badge{font-size:18px;padding:1.25rem}.resource_card{padding:1.5rem;flex-direction:column;text-align:center}}