*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7fbfb;color:#173536}.page-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:42px 0 28px}.hero{padding:22px 4px 28px}.brand-wrap{display:flex;align-items:center;gap:14px}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#27c8bd,#0da69e);display:grid;place-items:center;color:#fff;font-weight:800;font-size:28px;box-shadow:0 10px 28px rgba(13,166,158,.18)}.brand{margin:0;font-size:42px;line-height:1;letter-spacing:-1.5px;font-family:Georgia,Times New Roman,serif;font-weight:700;color:#163f40}.tagline{margin:6px 0 0;color:#0da69e;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.intro{max-width:720px;margin:20px 0 0;color:#688081;font-size:17px;line-height:1.6}.tabs{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 18px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid #dceceb;background:#fff;color:#3f5a5b;border-radius:999px;padding:12px 17px;font-size:15px;font-weight:650;cursor:pointer;transition:.2s}.tab span{margin-right:7px}.tab:hover{border-color:#91d9d4}.tab.active{background:#13b8ae;color:#fff;border-color:#13b8ae;box-shadow:0 8px 22px rgba(19,184,174,.17)}.panel{background:#fff;border:1px solid #e3eeee;border-radius:28px;padding:32px;box-shadow:0 18px 50px rgba(25,72,71,.07)}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:28px}.section-heading h2{font-size:30px;margin:6px 0 7px;letter-spacing:-.6px;color:#173e3f}.section-heading p{margin:0;color:#718788;line-height:1.55;max-width:700px}.eyebrow{color:#0ea79f;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.13em}.big-icon{font-size:42px;background:#eefafa;border-radius:18px;padding:12px}.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field span{font-size:13px;font-weight:700;color:#476364}.field input,.field select{width:100%;min-width:0;border:1px solid #d7e8e7;background:#fbfefe;border-radius:14px;padding:14px 15px;font-size:16px;color:#183d3e;outline:none;min-height:50px}.field input:focus,.field select:focus{border-color:#27bdb4;box-shadow:0 0 0 3px rgba(39,189,180,.1)}.primary{border:0;background:#13b8ae;color:#fff;border-radius:14px;padding:14px 18px;min-height:50px;font-size:16px;font-weight:800;cursor:pointer;align-self:end}.primary:hover{background:#0da49b}.wide{grid-column:span 2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card{border:1px solid #e2eeee;background:#fbfefe;border-radius:20px;padding:20px}.card-icon{font-size:28px}.card h3{margin:13px 0 8px;font-size:18px}.card p{margin:0 0 18px;color:#708687;line-height:1.5}.card button{border:0;background:#e8f5f4;color:#6b8282;border-radius:12px;padding:10px 13px;font-weight:700}.weather-form{grid-gap:16px;gap:16px}.notice{margin:18px 4px 0;padding:16px 18px;border-radius:16px;background:#eaf8f7;color:#4f6f70;font-size:14px;line-height:1.5}.notice strong{color:#245a5b}.footer{text-align:center;padding:26px 0 8px;color:#8aa0a0;font-size:13px}@media(max-width:720px){.page-shell{width:min(100% - 18px,1120px);padding-top:20px}.hero{padding:18px 6px 22px}.brand{font-size:35px}.brand-mark{width:48px;height:48px;border-radius:15px}.intro{font-size:15px}.panel{padding:20px;border-radius:22px}.section-heading h2{font-size:25px}.big-icon{font-size:30px;padding:9px}.search-grid{grid-template-columns:1fr}.wide{grid-column:auto}.cards,.weather-form{grid-template-columns:1fr}.primary{width:100%}}.weather-form{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:end;margin-top:20px}.weather-form .field{margin:0}.weather-error{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff4f4;color:#b42318;font-size:14px}.weather-result{margin-top:24px}.weather-current{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#effdfb,#fff);border:1px solid #c9f2ec}.weather-current h3{margin:6px 0 8px;font-size:24px}.weather-temp{font-size:52px;line-height:1;font-weight:800;color:#0f9f95;margin:10px 0}.weather-details{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:14px;color:#5d6b6a}.weather-icon{width:96px;height:96px;object-fit:contain}.weather-forecast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.forecast-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:18px 12px;border-radius:18px;background:#fff;border:1px solid #e5efed}.forecast-card img{width:54px;height:54px}.forecast-card strong{font-size:14px}.forecast-card span{font-size:13px;color:#5d6b6a;min-height:34px}.forecast-card b{font-size:16px}.forecast-card small{color:#6b7776}.weather-source{margin-top:14px;text-align:right;font-size:12px;color:#7a8584}@media (max-width:700px){.weather-form{grid-template-columns:1fr}.weather-form .primary{width:100%}.weather-current{align-items:flex-start;padding:20px}.weather-icon{width:72px;height:72px}.weather-temp{font-size:44px}.weather-forecast{grid-template-columns:1fr}.forecast-card{display:grid;grid-template-columns:auto 1fr auto;text-align:left;align-items:center}.forecast-card img{grid-row:1/4}.forecast-card small,.forecast-card span{min-height:0}.weather-source{text-align:left}}