:root{--bg:#f6f8f7;--surface:#fff;--surface2:#eef5f2;--ink:#102a25;--muted:#657873;--line:#dce7e3;--primary:#066a57;--primary2:#0b8b70;--gold:#d6aa4b;--shadow:0 22px 70px rgba(17,54,45,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.22;z-index:-1;border-radius:999px}.ambient-a{width:380px;height:380px;background:#80cdb9;left:-180px;top:220px}.ambient-b{width:300px;height:300px;background:#d9b867;right:-140px;top:900px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:860px}.section-pad{padding:92px 0}.compact-top{padding-top:34px}.section-soft{background:linear-gradient(180deg,rgba(235,244,241,.78),rgba(246,248,247,0))}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;letter-spacing:-.03em}.brand strong{color:var(--primary);font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#0a806a,#045443);color:#f8df86;font-size:23px;box-shadow:0 8px 22px rgba(6,106,87,.18)}.desktop-nav{display:flex;gap:27px}.desktop-nav a,.mobile-nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--primary)}.nav-actions{display:flex;gap:9px}.icon-btn,.menu-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:40px;height:40px;border-radius:12px;cursor:pointer}.menu-btn{display:none}.mobile-nav{display:none;padding:0 20px 15px;gap:14px;flex-wrap:wrap}.hero{padding-top:74px;background:radial-gradient(circle at 75% 35%,rgba(11,139,112,.15),transparent 34%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.pill,.status-chip,.date-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.02em}.live-dot{width:7px;height:7px;border-radius:50%;background:#23a276;box-shadow:0 0 0 5px rgba(35,162,118,.1)}h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(44px,6vw,76px);margin:22px 0 22px;max-width:780px}h1 span{color:var(--primary)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 19px;border-radius:14px;border:1px solid transparent;text-decoration:none;font:700 13px "DM Sans",sans-serif;cursor:pointer;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;box-shadow:0 12px 28px rgba(6,106,87,.18)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}.full{width:100%}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:var(--muted);font-size:11px;font-weight:600}.glass{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(235,246,242,.72));border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.today-card{border-radius:30px;padding:27px}.card-top,.today-foot,.panel-title,.prayer-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.mini-label,.section-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--muted)}.status-chip{padding:5px 9px;background:rgba(6,106,87,.08);border:0}.today-date{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center;margin:36px 0}.today-date>div:not(.equiv){display:flex;flex-direction:column}.today-date small{font-size:12px;color:var(--gold);font-weight:700}.today-date strong{font:800 clamp(52px,7vw,76px) "Plus Jakarta Sans",sans-serif;letter-spacing:-.08em}.today-date span{font:700 16px "Plus Jakarta Sans",sans-serif}.today-date em{font-style:normal;font-size:12px;color:var(--muted);margin-top:5px}.equiv{color:var(--gold);font-size:28px}.equiv small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:4px}.today-foot{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.section-heading h2{font-size:clamp(28px,4vw,40px);margin:8px 0 8px}.section-heading p{margin:0;color:var(--muted);font-size:14px}.section-number{font:800 13px "Plus Jakarta Sans";color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.card-surface{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.converter-card{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.converter-main{padding:30px}.segmented{display:flex;padding:5px;background:var(--surface2);border-radius:15px;margin-bottom:25px}.seg{flex:1;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:11px;font:700 12px "DM Sans";cursor:pointer}.seg.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 16px rgba(0,0,0,.06)}.date-grid,.form-two{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:700}select,input{width:100%;height:47px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0 12px;font:600 13px "DM Sans";outline:none}select:focus,input:focus{border-color:var(--primary2);box-shadow:0 0 0 4px rgba(11,139,112,.08)}.convert,.converter-main .btn{margin-top:18px}.error{min-height:20px;color:#b34d4d;font-size:11px;margin:10px 0 0}.conversion-result{background:linear-gradient(150deg,#075f4f,#0a806a);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.conversion-result .mini-label{color:rgba(255,255,255,.7)}.conversion-result strong{font:800 31px "Plus Jakarta Sans";margin:12px 0}.conversion-result p{color:rgba(255,255,255,.76);font-size:12px;margin:0 0 18px}.copy-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;font-size:11px;font-weight:700}.month-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.month-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(17,54,45,.06)}.panel-title{font:800 14px "Plus Jakarta Sans";padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-title span:last-child{font:600 10px "DM Sans";color:var(--muted)}.month-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.month-item{padding:10px 12px;border-radius:12px;background:var(--surface2);font-size:11px;font-weight:700}.month-item span{color:var(--gold);margin-right:6px}.prayer-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.prayer-controls,.prayer-result{padding:24px}.location-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.location-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(6,106,87,.09);color:var(--primary);font-size:20px}.location-head b{display:block;font-family:"Plus Jakarta Sans";font-size:14px}.location-head small{color:var(--muted);font-size:10px}.prayer-controls .form-two{grid-template-columns:1fr 1fr;margin-bottom:13px}.prayer-controls>label{margin-bottom:13px}.prayer-controls .btn{margin-top:2px}.api-note{color:var(--muted);font-size:10px;min-height:18px}.prayer-top h3{margin:5px 0 0;font-size:20px}.date-badge{color:var(--ink);background:var(--surface2);border:0}.prayer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:25px}.prayer-item{padding:16px 8px;text-align:center;background:var(--surface2);border-radius:16px}.prayer-item span{display:block;color:var(--muted);font-size:10px}.prayer-item b{display:block;font:800 19px "Plus Jakarta Sans";margin:7px 0 3px;color:var(--primary)}.prayer-item small{font-size:9px;color:var(--muted)}.prayer-note{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;color:var(--muted);font-size:10px}.prayer-note a{color:var(--primary);font-weight:700}.zakat-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.zakat-form{padding:24px}.zakat-form .form-two{grid-template-columns:1fr 1fr;margin-bottom:13px}.nisab-row{display:flex;gap:8px;margin-top:14px}.nisab{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;color:var(--muted);font:700 10px "DM Sans"}.nisab.active{border-color:rgba(6,106,87,.3);background:rgba(6,106,87,.08);color:var(--primary)}.zakat-result{border-radius:24px;padding:28px;background:linear-gradient(145deg,#075f4f,#0b8b70);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.zakat-result .mini-label{color:rgba(255,255,255,.7)}.zakat-result>strong{font:800 clamp(38px,5vw,56px) "Plus Jakarta Sans";margin:10px 0 0;letter-spacing:-.06em}.zakat-result>span{font-size:11px;color:rgba(255,255,255,.75)}.zakat-breakdown{width:100%;border-top:1px solid rgba(255,255,255,.18);margin:22px 0 18px;padding-top:15px;display:grid;gap:9px;text-align:left;font-size:11px}.zakat-breakdown span{display:flex;justify-content:space-between;color:rgba(255,255,255,.72)}.zakat-breakdown b{color:#fff}.currency-label{width:100%;text-align:left;color:rgba(255,255,255,.75)}.currency-label select{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.currency-label option{color:#111}.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.event-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 35px rgba(17,54,45,.06)}.event-icon{font-size:30px}.event-card h3{font-size:18px;margin:13px 0 7px}.event-date{display:inline-block;background:var(--surface2);color:var(--primary);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}.event-card p{color:var(--muted);font-size:11px;min-height:42px}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.countdown div{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);padding:10px;text-align:center;border-radius:14px}.countdown b{display:block;font:800 20px "Plus Jakarta Sans";color:var(--primary)}.countdown span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.blog-tag{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.12em}.blog-card h3{font-size:17px;margin:12px 0 8px}.blog-card p{color:var(--muted);font-size:11px;margin:0 0 14px}.blog-meta{font-size:9px;color:var(--muted)}.text-link{color:var(--primary);text-decoration:none;font-weight:800;font-size:11px}.faq-section details{border-bottom:1px solid var(--line);padding:20px 0}.faq-section summary{cursor:pointer;font:700 14px "Plus Jakarta Sans"}.faq-section details p{color:var(--muted);font-size:12px;max-width:720px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:35px}.footer-grid p{color:var(--muted);font-size:11px;max-width:280px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid b{font:800 11px "Plus Jakarta Sans"}.footer-grid a:not(.brand){color:var(--muted);text-decoration:none;font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}
body.dark{--bg:#071613;--surface:#0d211d;--surface2:#112b25;--ink:#edf8f4;--muted:#9ab1aa;--line:#1e3932;--primary:#4bd0ae;--primary2:#159c7d;--gold:#e0ba5e;--shadow:0 22px 70px rgba(0,0,0,.25)}body.dark .site-header{background:rgba(7,22,19,.86)}body.dark .glass{background:linear-gradient(145deg,rgba(18,43,37,.9),rgba(11,31,27,.78))}body.dark .btn-ghost{background:var(--surface)}body.dark .month-item{background:var(--surface2)}body.dark .conversion-result,body.dark .zakat-result{color:#fff}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav.open{display:flex}.hero-grid,.converter-card,.prayer-layout,.zakat-layout{grid-template-columns:1fr}.hero-grid{gap:30px}.prayer-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:1fr 1fr}.section-pad{padding:72px 0}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section-pad{padding:58px 0}.hero{padding-top:45px}.hero-actions{flex-direction:column}.today-date{gap:5px}.today-date strong{font-size:45px}.today-date span{font-size:13px}.date-grid,.form-two,.month-panels,.events-grid,.blog-grid{grid-template-columns:1fr}.date-grid label:last-child{grid-column:auto}.month-list{grid-template-columns:1fr 1fr}.prayer-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start}.section-number{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.converter-main,.conversion-result{padding:22px}.hero-copy>p{font-size:16px}}

.lang-btn{height:38px;min-width:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;font:800 11px "DM Sans";cursor:pointer}.nav-actions{display:flex;align-items:center;gap:8px}html[dir="rtl"] body{text-align:right}html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .prayer-note,html[dir="rtl"] .faq-section{text-align:right}html[dir="rtl"] .today-date,html[dir="rtl"] .hero-actions,html[dir="rtl"] .trust-row,html[dir="rtl"] .nav-actions{direction:rtl}html[dir="rtl"] .brand{direction:rtl}html[dir="rtl"] select,html[dir="rtl"] input{direction:rtl}html[dir="rtl"] .zakat-breakdown span{flex-direction:row-reverse}html[dir="rtl"] .panel-title,html[dir="rtl"] .footer-bottom{direction:rtl}.privacy-page{padding:80px 0}.privacy-card{padding:36px}.privacy-card h1{font-size:clamp(32px,5vw,52px);margin:10px 0}.privacy-card h2{margin-top:30px;font-size:20px}.privacy-card p,.privacy-card li{color:var(--muted);line-height:1.8;font-size:13px}.privacy-switch{display:flex;gap:8px;justify-content:flex-end;margin-bottom:20px}.privacy-switch button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:9px;cursor:pointer;font-weight:800}.privacy-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Premium advertising spaces */
.ad-wrap{position:relative;z-index:1}.ad-wrap-top{padding:10px 0 2px}.ad-wrap-large{padding:10px 0 8px}.ad-wrap-square{padding:10px 0 8px}.ad-wrap-square-row{padding:10px 0 8px}.ad-square-row{display:flex;align-items:flex-start;justify-content:center;gap:24px}.ad-slot{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--line);box-shadow:0 10px 28px rgba(17,54,45,.035);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font:700 8px "DM Sans"}.ad-slot:before,.ad-slot:after{content:"";position:absolute;inset:10px;border:1px dashed color-mix(in srgb,var(--line) 70%,transparent);border-radius:12px;pointer-events:none}.ad-slot span{position:relative;z-index:1;background:var(--surface);padding:0 9px;border-radius:99px}.ad-leaderboard{width:min(970px,100%);height:96px;border-radius:16px}.ad-leaderboard-large{width:min(970px,100%);height:250px;border-radius:16px}.ad-square{width:300px;height:250px;flex:0 0 300px;border-radius:18px}.ad-square span{background:var(--surface2)}body.dark .ad-slot{box-shadow:0 14px 40px rgba(0,0,0,.16)}
@media(max-width:640px){.ad-wrap-top{padding:7px 0 0}.ad-leaderboard{height:86px;border-radius:14px}.ad-leaderboard-large{height:250px;border-radius:14px}.ad-square-row{flex-direction:column;align-items:center;gap:14px}.ad-square{width:min(300px,100%);height:250px;flex:0 0 250px}.ad-slot:before,.ad-slot:after{inset:8px}}