:root{--bg:#07131d;--panel:#102331;--line:rgba(190,228,244,.17);--text:#eff8fb;--muted:#aac0cb;--accent:#8ed7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(80% 65% at 92% 0,#15546f,transparent 65%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(7,19,29,.84);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;text-decoration:none}.brand img{width:42px;height:40px;object-fit:contain}.brand small{display:block;color:#a4dffc;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}nav{display:flex;gap:7px}nav a{padding:8px 10px;border-radius:8px;color:#d7e8f1;text-decoration:none;font-size:.76rem}nav a:hover,nav .active{background:rgba(142,215,255,.14);color:#fff}main{width:min(1180px,calc(100% - 32px));margin:auto;padding:42px 0}.intro{margin-bottom:22px}.eyebrow{margin:0 0 7px;color:#8ed7ff;font-weight:800;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.055em}.intro p:last-child{color:var(--muted)}.map-card,.storms>article{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(21,53,68,.85),rgba(9,22,32,.9));box-shadow:0 20px 60px rgba(0,0,0,.23)}#tropicalMap{min-height:500px;overflow:hidden;border-radius:18px;background:#092c53}#tropicalMap svg{display:block;width:100%;height:auto}#updated{margin:10px 14px 13px;color:var(--muted);font-size:.76rem}h2{margin:32px 0 13px}.storms{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px}.storms article{padding:18px}.storms h3{margin:0 0 7px;font-size:1.2rem}.storms p{margin:5px 0;color:var(--muted);font-size:.88rem;line-height:1.45}.storm-type{display:inline-block;margin-bottom:10px;border-radius:999px;padding:5px 8px;background:#174d69;color:#d9f3ff;font-size:.68rem;font-weight:800;letter-spacing:.08em}.storms a,footer a{color:#9edcff}footer{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}@media(max-width:720px){header{height:60px;padding:0 10px}.brand img{width:34px}nav{gap:1px}nav a{padding:6px 4px;font-size:.64rem}nav a:last-child{display:none}main{width:min(100% - 20px,1180px);padding:28px 0}#tropicalMap{min-height:300px}}