.hero-card{background:linear-gradient(160deg,#005cc8 0%,#0071e3 50%,#40a0ff 100%);border-radius:24px;padding:2.5rem 3rem;color:white;margin-bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;box-shadow:0 12px 40px rgba(0,113,227,.3);position:relative;overflow:hidden}.hero-card::before{content:"";position:absolute;top:-40%;right:-5%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}.hero-loc{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:.6rem}.hero-temp{font-size:clamp(4rem,8vw,6rem);font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:.4rem}.hero-desc{font-size:1.15rem;opacity:.9;margin-bottom:1rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem}.hero-meta-item{font-size:.82rem;opacity:.85;display:flex;align-items:center;gap:.3rem}.hero-icon{font-size:clamp(4rem,8vw,6.5rem);line-height:1;opacity:.95}.hero-updated{font-size:.7rem;opacity:.6;margin-top:1rem}.sailing-banner{background:var(--light);border-radius:var(--r);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;border:1px solid var(--border)}.s-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.s-dot.green{background:var(--green);box-shadow:0 0 6px rgba(52,199,89,.5)}.s-dot.yellow{background:var(--yellow);box-shadow:0 0 6px rgba(255,159,10,.5)}.s-dot.red{background:var(--red);box-shadow:0 0 6px rgba(255,59,48,.5)}.s-title{font-size:.88rem;font-weight:600;color:var(--text)}.s-desc{font-size:.78rem;color:var(--grey);margin-top:.1rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.s-card{background:var(--light);border-radius:var(--r);padding:1.3rem 1rem;text-align:center;border:1px solid var(--border);transition:transform .2s}.s-card:hover{transform:translateY(-2px)}.s-ico{font-size:1.5rem;margin-bottom:.5rem}.s-val{font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--blue)}.s-lbl{font-size:.68rem;color:var(--grey);margin-top:.2rem;text-transform:uppercase;letter-spacing:.07em}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin:1.8rem 0 .8rem}.forecast-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem}.fc{background:var(--light);border:1px solid var(--border);border-radius:var(--r);padding:1rem .5rem;text-align:center;transition:transform .2s,background .2s}.fc:hover{transform:translateY(-2px);background:#ebebf0}.fc.today{background:var(--blue);border-color:var(--blue);color:white}.fc-day{font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--grey);margin-bottom:.5rem}.fc.today .fc-day{color:rgba(255,255,255,.75)}.fc-ico{font-size:1.5rem;margin-bottom:.4rem;line-height:1}.fc-hi{font-size:.95rem;font-weight:700;color:var(--text)}.fc.today .fc-hi{color:white}.fc-lo{font-size:.75rem;color:var(--grey);margin-top:.1rem}.fc.today .fc-lo{color:rgba(255,255,255,.65)}@media (max-width:768px){.hero-card{grid-template-columns:1fr;padding:2rem}.hero-icon{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}.forecast-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.forecast-row{grid-template-columns:repeat(3,1fr)}}