@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}.zakat_calculator_main_container{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)}.zakat_calculator_inner_wrapper{width:90%;max-width:1400px;display:flex;flex-direction:column;gap:3rem}.zakat_calculator_header{text-align:center;margin-bottom:2rem}.zakat_calculator_header h1{font-size:48px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px}.zakat_header_decorative_line{width:100px;height:4px;background:linear-gradient(90deg,#2c5530,#40aa49 50%,#2c5530);border-radius:2px;margin:0 auto 1.5rem}.zakat_header_subtitle{font-size:22px;color:#40aa49;font-family:Lato,sans-serif;font-weight:400;font-style:italic;margin:0}.zakat_calculator_content{display:flex;flex-direction:column;gap:3rem}.zakat_intro_card{background:white;padding:3rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.zakat_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)}.zakat_intro_card h2{font-size:32px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_intro_card p{font-size:18px;color:#2d3748;font-family:Lato,sans-serif;font-weight:400;line-height:1.8;margin:0;max-width:900px}.zakat_quran_quote{background:linear-gradient(135deg,#2c5530,#40aa49);padding:3rem;border-radius:20px;box-shadow:0 12px 48px rgba(44,85,48,.3);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.zakat_quote_icon{font-size:48px;width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zakat_quote_arabic{font-size:32px;line-height:2;color:white;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_quote_translation{font-size:20px;color:rgba(255,255,255,.95);font-family:Lato,sans-serif;font-weight:400;font-style:italic;line-height:1.7;margin:0}.zakat_quote_reference{font-size:16px;color:rgba(255,255,255,.9);font-family:Lato,sans-serif;font-weight:700}.zakat_benefits_section,.zakat_eligibility_section,.zakat_eligible_assets_section,.zakat_recipients_section,.zakat_timing_section{display:flex;flex-direction:column;gap:2rem}.zakat_benefits_section h2,.zakat_calculator_section h2,.zakat_eligibility_section h2,.zakat_eligible_assets_section h2,.zakat_recipients_section h2,.zakat_timing_section h2{font-size:36px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0;text-align:center}.zakat_eligibility_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.zakat_eligibility_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #40aa49;transition:all .3s ease}.zakat_eligibility_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.zakat_eligibility_icon{font-size:48px;width:80px;height:80px;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,.1)}.zakat_eligibility_card h3{font-size:22px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_eligibility_card p{font-size:16px;color:#4a5568;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;margin:0}.zakat_eligible_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.zakat_eligible_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}.zakat_eligible_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.zakat_eligible_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,sans-serif;font-weight:700;box-shadow:0 4px 16px rgba(44,85,48,.3)}.zakat_eligible_card h3{font-size:22px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_eligible_card p{font-size:16px;color:#4a5568;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;margin:0}.zakat_calculator_section{display:flex;flex-direction:column;gap:2rem}.zakat_calculator_card{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);padding:3rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border:2px solid #40aa49;display:flex;flex-direction:column;gap:2.5rem}.zakat_calculator_intro p{font-size:18px;color:#2d3748;font-family:Lato,sans-serif;font-weight:400;line-height:1.8;margin:0;text-align:center}.zakat_nisab_selection{background:white;padding:2rem;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 16px rgba(44,85,48,.08)}.zakat_nisab_selection h3{font-size:24px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0;text-align:center}.zakat_nisab_buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.zakat_nisab_btn{padding:1rem 2rem;background:white;color:#2c5530;border:2px solid #40aa49;border-radius:12px;font-size:16px;font-family:Lato,sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease}.zakat_nisab_btn:hover{background:#40aa491a}.zakat_nisab_btn.active{background:linear-gradient(135deg,#2c5530,#40aa49);color:white;border-color:#2c5530}.zakat_nisab_info{font-size:17px;color:#40aa49;font-family:Lato,sans-serif;font-weight:700;margin:0;text-align:center}.zakat_calculator_form{background:white;padding:2.5rem;border-radius:16px;display:flex;flex-direction:column;gap:2rem;box-shadow:0 4px 16px rgba(44,85,48,.08)}.zakat_form_section{display:flex;flex-direction:column;gap:1.5rem}.zakat_form_section h3{font-size:24px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0;padding-bottom:.75rem;border-bottom:2px solid #40aa4940}.zakat_input_group{display:flex;flex-direction:column;gap:.5rem}.zakat_input_group label{font-size:16px;color:#2d3748;font-family:Lato,sans-serif;font-weight:700}.zakat_input_group input{padding:1rem;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;font-family:Lato,sans-serif;font-weight:400;transition:all .3s ease}.zakat_input_group input:focus{outline:none;border-color:#40aa49;box-shadow:0 0 0 3px rgba(64,170,73,.1)}.zakat_calculation_result{background:white;padding:2.5rem;border-radius:16px;box-shadow:0 8px 24px rgba(44,85,48,.1);display:flex;flex-direction:column;gap:2rem}.zakat_result_header h3{font-size:26px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0;text-align:center}.zakat_result_details{display:flex;flex-direction:column;gap:1rem}.zakat_result_row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f7fafc;border-radius:10px;font-size:17px;color:#2d3748;font-family:Lato,sans-serif;font-weight:400}.zakat_result_row.highlight{background:linear-gradient(135deg,#2c5530,#40aa49);color:white;padding:1.5rem;box-shadow:0 4px 16px rgba(44,85,48,.3)}.zakat_result_row.highlight,.zakat_result_value{font-size:20px;font-family:Lato,sans-serif;font-weight:700}.zakat_result_message{background:#fff4e6;border-left:4px solid #f59e0b;padding:1.5rem;border-radius:10px;margin-top:1rem}.zakat_result_message.success{background:#e8f5e9;border-left-color:#40aa49}.zakat_result_message p{font-size:16px;line-height:1.7}.zakat_recipients_intro,.zakat_result_message p{color:#2d3748;font-family:Lato,sans-serif;font-weight:400;margin:0}.zakat_recipients_intro{font-size:18px;line-height:1.8;text-align:center}.zakat_recipients_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.zakat_recipient_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #40aa49;transition:all .3s ease}.zakat_recipient_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.zakat_recipient_icon{font-size:48px;width:80px;height:80px;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,.1)}.zakat_recipient_card h3{font-size:20px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_recipient_card p{font-size:15px;color:#4a5568;font-family:Lato,sans-serif;font-weight:400;line-height:1.6;margin:0}.zakat_timing_content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.zakat_timing_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:1rem;transition:all .3s ease}.zakat_timing_card.important{background:linear-gradient(135deg,#fff4e6,#ffedd5);border-left-color:#f59e0b}.zakat_timing_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.zakat_timing_card h3{font-size:24px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_timing_card p{font-size:16px;color:#4a5568;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;margin:0}.zakat_benefits_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.zakat_benefit_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #40aa49;transition:all .3s ease}.zakat_benefit_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.zakat_benefit_icon{font-size:48px;width:80px;height:80px;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,.1)}.zakat_benefit_card h3{font-size:22px;color:#1a3a1d;font-family:Lato,sans-serif;font-weight:700;margin:0}.zakat_benefit_card p{font-size:16px;color:#4a5568;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;margin:0}@media screen and (max-width:768px){.zakat_calculator_main_container{margin-top:80px;padding:2rem 0}.zakat_calculator_inner_wrapper{width:95%;gap:2rem}.zakat_calculator_header h1{font-size:36px}.zakat_header_subtitle{font-size:18px}.zakat_intro_card{padding:2rem}.zakat_card_icon{font-size:48px;width:80px;height:80px}.zakat_intro_card h2{font-size:26px}.zakat_intro_card p{font-size:16px}.zakat_quran_quote{padding:2rem}.zakat_quote_arabic{font-size:26px}.zakat_quote_translation{font-size:17px}.zakat_benefits_section h2,.zakat_calculator_section h2,.zakat_eligibility_section h2,.zakat_eligible_assets_section h2,.zakat_recipients_section h2,.zakat_timing_section h2{font-size:28px}.zakat_benefits_grid,.zakat_eligibility_grid,.zakat_eligible_grid,.zakat_recipients_grid,.zakat_timing_content{grid-template-columns:1fr}.zakat_calculator_card,.zakat_calculator_form{padding:2rem}.zakat_nisab_selection{padding:1.5rem}}@media screen and (max-width:480px){.zakat_calculator_header h1{font-size:32px}.zakat_header_subtitle{font-size:16px}.zakat_intro_card{padding:1.5rem}.zakat_intro_card h2{font-size:22px}.zakat_intro_card p{font-size:15px}.zakat_quran_quote{padding:1.5rem}.zakat_quote_arabic{font-size:22px}.zakat_quote_translation{font-size:16px}.zakat_benefits_section h2,.zakat_calculator_section h2,.zakat_eligibility_section h2,.zakat_eligible_assets_section h2,.zakat_recipients_section h2,.zakat_timing_section h2{font-size:24px}.zakat_calculator_card,.zakat_calculator_form{padding:1.5rem}.zakat_nisab_buttons{flex-direction:column}.zakat_nisab_btn{width:100%}.zakat_result_row{flex-direction:column;align-items:flex-start;gap:.5rem}}