:root{--ink:#172820;--muted:#74827b;--green:#1e754e;--green-deep:#145b3a;--mint:#dcefe4;--paper:#f5f8f6;--line:#e8eeea;--white:#fff;--amber:#b67819;--soft-amber:#f8efd9;--shadow:0 14px 40px rgba(29,62,44,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans Bengali",sans-serif;-webkit-font-smoothing:antialiased}.page-shell{max-width:1200px;margin:auto;padding:0 48px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9efeb}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{height:35px;width:35px;border-radius:11px;background:#1c6f4a;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-4deg)}.brand-mark span{width:3px;border-radius:9px;background:#b8e5c9;display:block}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:14px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font:700 13px Manrope,sans-serif;letter-spacing:-.2px}.brand-copy small{font-size:11px;color:#738078;margin-top:4px;letter-spacing:.3px}.top-nav{display:flex;gap:34px;margin-left:90px}.top-nav a{font-size:12px;color:#68776e;text-decoration:none;font-weight:600}.top-nav a:first-child{color:var(--green)}.language-button{border:1px solid #dde7e0;background:#fff;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:9px;color:#335443;font:600 11px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 2px 5px #203e2a08}.language-globe{font-size:13px;color:var(--green)}main{padding-bottom:32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0 27px}.eyebrow,.section-kicker,.card-caption,.panel-overline,.moon-date-label{font-size:9px;letter-spacing:1.55px;font-weight:700;color:#839188}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--green);font-size:9px}.live-dot{width:6px;height:6px;background:#42a671;border-radius:50%;box-shadow:0 0 0 3px #42a6711a;display:inline-block;flex:0 0 auto}.intro h1{font:800 36px/1.18 Manrope,sans-serif;letter-spacing:-1.8px;margin:13px 0 8px}.intro h1 em{color:var(--green);font-style:normal}.intro p{margin:0;color:#7b8980;font-size:13px}.sun-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px 17px;border-radius:12px;min-width:198px;box-shadow:var(--shadow)}.sun-orbit{width:32px;height:32px;border:1px solid #dfe9e1;border-radius:50%;display:grid;place-items:center;position:relative}.sun-orbit:before,.sun-orbit:after{content:"";position:absolute;background:#91b39b}.sun-orbit:before{width:1px;height:39px}.sun-orbit:after{height:1px;width:39px}.sun-core{background:#ecb55e;width:9px;height:9px;border-radius:50%;z-index:1;box-shadow:0 0 0 4px #f8edd9}.sun-card>div:last-child{display:flex;flex-direction:column}.sun-label{font-size:8px;letter-spacing:1px;color:#87938c;font-weight:700}.sun-card strong{font:700 16px Manrope;margin:3px 0}.sun-card small{font-size:9px;color:#98a29d}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.clock-card{padding:22px 23px 16px;min-height:240px;position:relative;overflow:hidden}.clock-top{display:flex;justify-content:space-between;position:relative;z-index:1}.section-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.12px}.status-pill{display:flex;align-items:center;gap:5px;background:#e9f6ed;padding:4px 7px;border-radius:20px;color:#29794c;font-size:8px}.status-pill .live-dot{width:5px;height:5px;box-shadow:none}.clock-city{margin:11px 0 0;font:700 14px Manrope;letter-spacing:-.2px}.clock-city span{color:#aeb9b1}.clock-icon{color:#7a9c87;font-size:22px;font-weight:400}.clock-display{position:relative;z-index:1;margin:26px 0 13px;display:flex;align-items:center;font:600 48px/1 Manrope,sans-serif;letter-spacing:-3px;color:#1a3327;font-variant-numeric:tabular-nums}.clock-colon{color:#8caa97;margin:0 3px;transform:translateY(-2px)}.clock-seconds{font-size:19px;letter-spacing:-.5px;color:#71907c;margin-left:7px;align-self:flex-end;padding-bottom:4px}.clock-period{font-size:10px;letter-spacing:.2px;color:#6c8474;margin-left:7px;align-self:flex-end;padding-bottom:6px}.clock-footer{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#728178;font-size:10px}.calendar-icon{font-size:12px;color:var(--green)}.timezone-chip{margin-left:auto;font-size:9px;background:#f2f7f3;color:#527561;padding:5px 8px;border-radius:6px;font-weight:700}.clock-visual{position:absolute;right:0;bottom:0;width:47%;height:100%;opacity:.75;pointer-events:none}.visual-grid{position:absolute;inset:20px 0 0 0;background:linear-gradient(90deg,transparent 49%,#edf5ef 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#edf5ef 50%,transparent 51%);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 70%);opacity:.6}.visual-sun{position:absolute;width:112px;height:112px;border-radius:50%;right:7px;bottom:20px;background:radial-gradient(circle at 42% 42%,#fff8df 0,#edcf8a 14%,#d5e7d7 15%,#d5e7d7 43%,#f2f7f3 44%,#f2f7f3 46%,transparent 47%);opacity:.8}.visual-line{position:absolute;width:180px;height:1px;right:-10px;bottom:75px;transform:rotate(-28deg);background:linear-gradient(90deg,transparent,#9bbda4,transparent)}.visual-label{position:absolute;right:16px;bottom:8px;font-size:7px;letter-spacing:.7px;color:#94a99a}.calendar-card{padding:19px 20px 16px;min-height:240px;position:relative;overflow:hidden}.card-heading{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.calendar-symbol{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:14px}.bengali-symbol{background:#e8f5ec;color:#26734a;font-family:"Noto Sans Bengali",sans-serif}.hijri-symbol{background:#f8f1df;color:#ad781b;font-size:17px}.card-caption{font-size:8px;letter-spacing:1.2px}.more-dots{margin-left:auto;color:#a7b2ab;font-size:17px;letter-spacing:2px;line-height:1}.calendar-main{display:flex;align-items:center;gap:12px;margin:24px 0 22px;position:relative;z-index:1}.calendar-day{font:600 43px/1 Manrope;letter-spacing:-2.5px;color:#1b3327}.calendar-month-wrap{display:flex;flex-direction:column;gap:3px;padding-top:4px}.calendar-month-wrap strong{font:700 14px Manrope;letter-spacing:-.2px}.calendar-month-wrap span{font-size:10px;color:#8a978f}.calendar-bottom{display:flex;align-items:center;gap:7px;color:#7c8981;font-size:9px;position:relative;z-index:1}.mini-date-icon{font-size:11px;color:#53916b}.calendar-tag{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.65px;font-weight:700;color:#71877a;white-space:nowrap}.tag-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.tag-dot.green{background:#55aa73}.tag-dot.amber{background:#d79e3c}.prediction-tag{color:#9a793c}.bengali-decoration{position:absolute;right:-10px;bottom:4px;color:#edf6ef;font:700 73px "Noto Sans Bengali";letter-spacing:-8px;transform:rotate(-9deg);pointer-events:none}.crescent-art{position:absolute;right:15px;bottom:16px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff8e7 0,#fbf6e8 48%,#fff 49%);opacity:.8}.crescent{position:absolute;right:7px;top:-2px;width:47px;height:47px;border-radius:50%;box-shadow:-12px 7px 0 -1px #edcc85;transform:rotate(-30deg)}.star{position:absolute;color:#e5c678;font-size:9px}.star-one{right:1px;top:4px}.star-two{right:13px;top:32px;font-size:7px}.hijri-card{background:linear-gradient(135deg,#fff 55%,#fdfbf5);}.lower-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:16px;margin-top:16px}.details-card,.moon-card{padding:21px 23px 18px;min-height:241px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-overline{font-size:8px;letter-spacing:1.25px}.panel-heading h3{font:700 16px Manrope;letter-spacing:-.4px;margin:5px 0 0}.icon-button{height:29px;width:29px;border:1px solid #e4ebe6;background:#fff;border-radius:8px;color:#71907b;font-size:13px}.detail-list{margin-top:14px}.detail-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #eff3f0}.detail-row:last-child{border-bottom:0;padding-bottom:1px}.detail-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;font-size:12px;flex:0 0 auto}.gregorian-icon{background:#edf3f7;color:#64839b}.bangla-icon{background:#e9f5ec;color:#357b50;font-family:"Noto Sans Bengali"}.hijri-icon{background:#fbf3e0;color:#af7d24;font-size:15px}.detail-name{display:flex;flex-direction:column;gap:3px}.detail-name strong{font-size:10px;font-weight:700}.detail-name small{font-size:8px;color:#98a39c}.detail-value{margin-left:auto;font-size:10px;font-weight:600;color:#42574a;text-align:right}.forecast-badge{display:flex;align-items:center;gap:6px;background:#faf3e4;color:#9d7836;border-radius:20px;padding:6px 8px;font-size:7px;letter-spacing:.8px;font-weight:700}.moon-card{background:linear-gradient(115deg,#fff 45%,#fcfbf6)}.moon-content{display:flex;align-items:center;gap:17px;margin:20px 4px 17px}.moon-disc{height:59px;width:59px;border-radius:50%;background:linear-gradient(145deg,#f7edcf,#e8d292);position:relative;box-shadow:0 0 0 7px #faf7ed,0 0 0 8px #f0eee6;overflow:hidden;flex:0 0 auto}.moon-shadow{position:absolute;top:-5px;right:-5px;width:54px;height:63px;background:#fff;border-radius:50%;box-shadow:-4px 2px 5px #c8b16e}.moon-star{position:absolute;right:9px;top:9px;color:#cfaa4c;font-size:8px}.moon-copy{display:flex;flex-direction:column}.moon-date-label{font-size:7px;letter-spacing:1px}.moon-copy>strong{font:700 14px Manrope;margin-top:5px}.moon-copy p{font-size:9px;color:#859188;margin:4px 0 0;max-width:275px;line-height:1.4}.moon-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #edf1ed;padding-top:13px}.moon-metrics>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #edf1ed;padding-left:12px}.moon-metrics>div:first-child{padding-left:0}.moon-metrics>div:last-child{border:0}.moon-metrics span{color:#91a097;font-size:7px;letter-spacing:.8px;font-weight:700}.moon-metrics strong{font:700 11px Manrope;color:#41584a}.moon-metrics .source-name{font-size:10px}.notice-bar{display:flex;align-items:center;gap:11px;margin:16px 0 0;background:#edf5ef;border:1px solid #e1ece4;border-radius:11px;padding:12px 15px}.notice-icon{width:17px;height:17px;display:grid;place-items:center;border:1px solid #8daf98;color:#527b5d;border-radius:50%;font-size:10px;font-weight:700;flex:0 0 auto}.notice-bar p{display:flex;flex-direction:column;gap:3px;margin:0;line-height:1.4}.notice-bar p strong{font-size:9px;color:#3a6047}.notice-bar p span{font-size:8px;color:#708078}.notice-bar a{margin-left:auto;white-space:nowrap;color:#3f7953;text-decoration:none;font-size:8px;font-weight:700}.notice-bar a span{font-size:11px;margin-left:3px}.site-footer{display:flex;justify-content:space-between;padding:19px 1px 0;font-size:8px;color:#9aa59e}.footer-status{display:flex;align-items:center;gap:7px;letter-spacing:.7px;font-weight:700}.footer-status .live-dot{width:5px;height:5px}
@media(max-width:900px){.page-shell{padding:0 25px}.top-nav{margin-left:0}.dashboard-grid{grid-template-columns:1.15fr 1fr}.clock-card{grid-column:span 2;min-height:220px}.calendar-card{min-height:220px}.intro h1{font-size:32px}}
@media(max-width:620px){.page-shell{padding:0 16px}.topbar{height:68px}.brand-mark{height:32px;width:32px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:10px}.top-nav{display:none}.language-button{padding:8px 10px}.intro{padding:33px 0 20px;display:block}.intro h1{font-size:29px;letter-spacing:-1.4px}.intro p{font-size:11px;max-width:290px;line-height:1.5}.sun-card{margin-top:19px;width:max-content;padding:9px 13px}.sun-orbit{height:29px;width:29px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.clock-card{grid-column:auto;min-height:218px;padding:20px}.clock-display{font-size:45px;margin-top:28px}.clock-visual{width:43%}.calendar-card{min-height:194px;padding:18px 19px}.calendar-main{margin:20px 0 17px}.calendar-day{font-size:40px}.bengali-decoration{font-size:70px}.lower-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.details-card,.moon-card{padding:19px;min-height:auto}.detail-row{padding:11px 0}.moon-content{margin-top:22px;margin-bottom:20px}.notice-bar{align-items:flex-start;padding:12px;gap:9px}.notice-bar p span{font-size:8px}.notice-bar a{font-size:0;margin-top:2px}.notice-bar a span{font-size:14px}.site-footer{font-size:7px}.footer-status{font-size:7px;letter-spacing:.3px}}
@media(max-width:370px){.clock-display{font-size:38px}.timezone-chip{font-size:8px}.calendar-tag{font-size:6px}.detail-value{font-size:9px}}