:root{--bg:#07131f;--panel:#0d2133;--line:#1f4058;--text:#edf7ff;--muted:#92aabd;--cyan:#42d8ff;--teal:#45e0bc;--red:#ff6262}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07131f,#091a29);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.safety-header{max-width:1400px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;text-decoration:none}.brand span{color:var(--cyan)}nav{display:flex;gap:22px}nav a{color:#b6cbd9;text-decoration:none;font-size:13px}.safety-hero{min-height:520px;background:linear-gradient(90deg,rgba(5,17,29,.96),rgba(5,17,29,.62)),url('media/ocean-cyclone-bg.webp') center/cover no-repeat;display:flex;align-items:center;padding:70px max(28px,calc((100vw - 1340px)/2));border-top:1px solid #18354a;border-bottom:1px solid #18354a}.safety-hero>div{max-width:740px}.safety-hero span,.official span,.safe-state span,.alert-grid article div>span{font-size:11px;letter-spacing:.16em;color:#6fd9ff;font-weight:900}.safety-hero h1{font-size:clamp(58px,7vw,100px);margin:12px 0 18px;letter-spacing:-.05em}.safety-hero p{font-size:17px;color:#b3c8d7;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-actions a{padding:13px 17px;border-radius:12px;background:#0e2b40;border:1px solid #24536d;color:#fff;text-decoration:none;font-weight:800}.alert-grid{max-width:1400px;margin:auto;padding:80px 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.alert-grid article{overflow:hidden;border-radius:20px;background:#0b1d2d;border:1px solid #1d3b50}.alert-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.alert-grid article div{padding:22px}.alert-grid h2{margin:8px 0 10px}.alert-grid p{color:#8fa8ba;line-height:1.6}.safety-cards{max-width:1400px;margin:auto;padding:0 28px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.safety-cards div{padding:25px;border-radius:18px;background:#0c1f31;border:1px solid #1d3d54}.safety-cards b{color:#4ed8fa;font-size:12px}.safety-cards h3{font-size:20px;margin:16px 0 8px}.safety-cards p{color:#8fa7b9;line-height:1.6}.official{max-width:1340px;margin:0 auto 90px;padding:34px;border-radius:22px;background:#0b1d2d;border:1px solid #1c3b52;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.official h2{font-size:42px;margin:10px 0}.official-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.official-links a{position:relative;padding:16px 38px 16px 16px;border:1px solid #24455e;border-radius:13px;color:#eaf6ff;text-decoration:none;background:#0d2437}.official-links strong,.official-links small{display:block}.official-links small{color:#819eb2;margin-top:5px}.official-links b{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.safe-state{max-width:1340px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:0 28px}.safe-state img{width:100%;border-radius:20px}.safe-state h2{font-size:42px;margin:10px 0}.safe-state p{color:#91aabc;line-height:1.7}.safe-state a{color:#63dffe;text-decoration:none;font-weight:800}footer{border-top:1px solid #19364a;color:#6f8ca0;padding:28px;text-align:center;font-size:12px}@media(max-width:800px){.alert-grid,.safety-cards,.official,.safe-state{grid-template-columns:1fr}.official-links{grid-template-columns:1fr}.safety-hero{min-height:460px}.safety-header{padding:18px}nav{gap:12px}.alert-grid{padding:50px 18px}.safety-cards{padding:0 18px 60px}.official{margin:0 18px 60px;padding:22px}.safe-state{padding:0 18px}.safe-state h2,.official h2{font-size:34px}}