@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#0b1f35;--blue:#1769aa;--cyan:#dff4ff;--ink:#14283d;--muted:#6e8092;--bg:#f5f9fc;--line:#e3ebf2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.topbar{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font:800 24px Manrope,sans-serif;color:var(--navy);text-decoration:none;letter-spacing:-1px}.brand span:last-child{color:#2788c8}.brand-mark{margin-right:5px}nav{display:flex;gap:30px}nav a,footer a{color:#526679;text-decoration:none;font-size:14px;font-weight:600}nav a:hover,footer a:hover{color:var(--blue)}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
main{max-width:1160px;margin:auto;padding:0 24px}.hero{margin:36px 0 65px;background:linear-gradient(115deg,#e5f5ff,#f2f9ff 58%,#d4edff);border-radius:28px;min-height:380px;padding:58px 6%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-copy{max-width:570px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#3281b7;margin:0 0 13px}.hero h1{font:800 clamp(38px,5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;color:var(--navy);margin:0}.hero h1 span{color:#2688c8}.hero-sub{color:#5c7185;font-size:16px;margin:17px 0 24px}.searchbar{height:58px;background:#fff;border:1px solid #dceaf4;border-radius:12px;display:flex;align-items:center;padding:5px 6px 5px 17px;max-width:500px;box-shadow:0 8px 25px #1b5a8510}.searchbar span{font-size:25px;color:#8ba4b8}.searchbar input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;font:inherit}.searchbar button,.primary-link{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:13px 20px;font-weight:700;text-decoration:none;cursor:pointer}.location-btn{border:0;background:none;color:#2775a9;font-weight:700;padding:15px 3px;cursor:pointer}.hero-art{width:330px;height:260px;position:relative;flex:none}.sun{position:absolute;right:50px;top:10px;width:120px;height:120px;background:#ffd77a;border-radius:50%;box-shadow:0 0 0 18px #ffdf9a55}.cloud{position:absolute;background:white;border-radius:50px;filter:drop-shadow(0 10px 12px #3a80a022)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-one{width:220px;height:72px;right:22px;top:100px}.cloud-one:before{width:90px;height:90px;left:35px;top:-43px}.cloud-one:after{width:115px;height:110px;right:28px;top:-55px}.cloud-two{width:130px;height:48px;left:4px;top:160px;opacity:.8}.cloud-two:before{width:60px;height:60px;left:22px;top:-28px}.cloud-two:after{width:70px;height:70px;right:16px;top:-35px}.raindrop{position:absolute;width:7px;height:23px;background:#51aee4;border-radius:9px;transform:rotate(18deg);z-index:2;top:205px}.d1{right:90px}.d2{right:145px;top:220px}.d3{right:48px;top:222px}.art-label{position:absolute;bottom:0;left:20px;color:#387ba6;font:800 17px Manrope;line-height:1.3}
.section{margin:0 0 64px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.bottom-cta h2{font:800 27px Manrope;margin:0;color:var(--navy);letter-spacing:-.7px}.muted{color:var(--muted);font-size:13px}.notice{background:#fff;border:1px dashed #cbdce9;color:#6d8192;padding:22px;border-radius:14px}.weather-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 30px #143e5a08}.hidden{display:none}.current-main{display:flex;justify-content:space-between;align-items:center;padding:5px 10px 24px}.place-name{font-weight:800;font-size:20px;margin:0 0 5px}.temperature{font:800 58px Manrope;color:var(--navy);margin:7px 0}.temperature small{font-size:25px}.weather-icon{font-size:80px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:20px;gap:15px}.metric-grid div{display:flex;flex-direction:column;gap:7px}.metric-grid small,.day-card small{color:var(--muted);font-size:12px}.metric-grid strong{font-size:19px;color:var(--navy)}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day-card{background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;padding:17px 8px}.day-card b{font-size:13px}.day-card .day-icon{font-size:27px;margin:12px 0}.day-card strong{display:block;font-size:15px}.day-card small{display:block;margin-top:7px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:9px;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173c5910}.tool-card>span{font-size:28px}.tool-card b{font:700 16px Manrope}.tool-card small{color:var(--muted);line-height:1.5;min-height:38px}.tool-card i{font-style:normal;color:var(--blue);font-weight:700;font-size:12px;margin-top:6px}.bottom-cta{background:#e8f4fc;border-radius:20px;padding:30px 35px;margin:0 0 60px;display:flex;align-items:center;justify-content:space-between}.bottom-cta p{margin-bottom:0}footer{background:#fff;border-top:1px solid var(--line);padding:32px max(5vw,22px);text-align:center}footer>div{display:flex;justify-content:center;gap:22px;margin:20px 0}footer p{font-size:13px;color:var(--muted)}footer small{font-size:11px;color:#8798a7}
.content-page{max-width:820px;margin:55px auto 80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;min-height:45vh}.content-page h1{font:800 34px Manrope;color:var(--navy)}.content-page p,.content-page li{color:#5c7185;line-height:1.75}.tool-wrap{max-width:760px;margin:55px auto 80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.tool-wrap h1{font:800 30px Manrope;color:var(--navy)}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.field label{font-size:13px;font-weight:700;color:#536b80}.field input,.field select{padding:13px;border:1px solid #d8e4ed;border-radius:9px;font:inherit;width:100%;background:#fff}.action-btn{padding:13px 18px;background:var(--blue);color:white;border:0;border-radius:9px;font-weight:700;cursor:pointer}.result{margin-top:18px;background:#edf7fd;padding:18px;border-radius:12px;line-height:1.7}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.calendar-head button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-grid div{text-align:center;padding:12px 2px;border-radius:8px;font-size:13px}.calendar-grid .weekday{font-weight:800;color:#648096;background:#f3f8fb}.calendar-grid .today{background:#dff2ff;color:#126ba5;font-weight:800}
@media(max-width:760px){.topbar{height:65px}.menu-toggle{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:18px 25px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{padding:35px 25px;margin:20px 0 45px;min-height:0}.hero-art{display:none}.hero h1{font-size:42px}.section{margin-bottom:48px}.forecast-grid{grid-template-columns:repeat(4,1fr)}.tools-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.bottom-cta{display:block;padding:25px}.primary-link{display:inline-block;margin-top:20px}.section-heading{align-items:start;gap:10px;flex-direction:column}.tool-wrap,.content-page{margin:25px 0 55px;padding:22px}}
@media(max-width:390px){main{padding:0 15px}.hero h1{font-size:36px}.forecast-grid{grid-template-columns:repeat(2,1fr)}}