:root{--navy:#071a31;--ocean:#0b3951;--aqua:#47d4c0;--aqua-soft:#c7f2e9;--coral:#ff7048;--surface:#f5f8f7;--glass:#ffffffd9;--shadow:0 20px 55px #061b2d18}body{background:linear-gradient(180deg,#eaf4f1 0,#f7f9f7 540px);min-height:100vh}header{height:84px}.brand{width:auto;height:auto;border-radius:0;background:none;font-style:normal;justify-content:flex-start}.brand>img{width:48px;height:48px;border-radius:13px;box-shadow:0 9px 22px #082c4050}.brand span{color:var(--navy);font-size:21px;letter-spacing:-.02em}.brand small{color:#668087}.hero{background:radial-gradient(circle at 82% 12%,#287587 0,transparent 34%),linear-gradient(145deg,var(--navy),#0b3a4b 66%,#0c5960);box-shadow:0 30px 70px #061b2d32;border:1px solid #ffffff12}.hero:after{border-color:#6ce1cf35;box-shadow:0 0 0 70px #2f9d9b1d,0 0 0 140px #2f9d9b10}.hero h1{letter-spacing:-.035em}.hero h1 em{color:#8eedda}.weather{background:linear-gradient(145deg,#ffffff17,#ffffff09);border-color:#ffffff30;box-shadow:inset 0 1px #ffffff26}.weather>b{color:#67e0ce}.primary{background:linear-gradient(135deg,#ff8059,var(--coral));box-shadow:0 12px 28px #e44e2735}.secondary{background:#fffffff2;box-shadow:0 12px 30px #082c4018}.stats{background:#ffffff85;border:1px solid #dce7e3;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.stats article{border-color:#dce7e3}.grid>div,.grid>aside{border:1px solid #dce7e3;box-shadow:var(--shadow)}.grid>div{background:#ffffffaa;border-radius:24px;padding:27px}.grid aside{background:linear-gradient(160deg,#eef7f4,#e5efec)}.card{border-color:#e1eae7;box-shadow:0 7px 20px #082c400b}.fish{background:linear-gradient(145deg,#d8f5ed,#c6e7e2);color:#0d6f71}.eyebrow{color:var(--coral)}nav{background:#fffffff0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -10px 30px #082c4010}dialog{background:#f7faf9;border:1px solid #ffffff;box-shadow:0 30px 90px #061b2d70}.gps{background:#dff4ed;color:#08775f}@media(max-width:720px){header{height:70px;background:#eef6f3cc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:700;border-bottom:1px solid #dce8e4}.brand>img{width:42px;height:42px;border-radius:12px}.hero{border-radius:0 0 34px 34px;box-shadow:0 24px 60px #061b2d35}.stats{border-radius:18px}.grid>div{padding:20px;border-radius:21px}.map-section{padding-top:4px}nav{border-color:#dce8e4}nav a,nav button{min-height:48px}.actions .primary,.actions .secondary{box-shadow:0 10px 25px #082c4025}}

@media(max-width:720px){body>nav{grid-template-columns:repeat(4,1fr)}}