.bnfm-weather-wrap{max-width:1120px;margin:30px auto;font-family:'Outfit',sans-serif}
.bnfm-weather-card{width:380px;max-width:100%;height:580px;min-height:580px;max-height:580px;background:#0a0a0a;border-radius:20px;overflow:hidden;border:1px solid #262626;box-shadow:0 0 30px rgba(250,204,21,.12);display:flex;flex-direction:column;position:relative;margin:0 auto}
.bnfm-weather-top{position:relative;height:140px;background:linear-gradient(180deg,#141414,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #1a1a1a;padding-top:28px}
.bnfm-weather-clock{font-family:'Space Grotesk',sans-serif;font-size:42px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;text-shadow:0 0 20px rgba(250,204,21,.3)}
.bnfm-weather-clock span{color:#facc15;animation:blink 1s infinite}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:.3}}
.bnfm-weather-date{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#a1a1aa;margin-top:6px;text-align:center}
.bnfm-weather-city{font-size:9px;font-weight:800;color:#facc15;letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.bnfm-weather-main{flex:1;padding:14px;display:flex;flex-direction:column}
.bnfm-weather-current{display:flex;align-items:center;gap:12px;background:#141414;border-radius:14px;padding:12px;border:1px solid #1f1f1f}
.bnfm-weather-icon{font-size:40px;line-height:1}
.bnfm-weather-temp{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:900;color:#fff;line-height:1}
.bnfm-weather-temp small{font-size:14px;color:#a1a1aa;font-weight:700}
.bnfm-weather-desc{font-size:11px;color:#a1a1aa;font-weight:600;text-transform:capitalize;margin-top:2px}
.bnfm-weather-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px}
.bnfm-weather-detail{background:#171717;border:1px solid #262626;border-radius:10px;padding:7px;text-align:center}
.bnfm-weather-detail-label{font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#71717a}
.bnfm-weather-detail-value{font-size:11px;font-weight:800;color:#fff;margin-top:2px}
.bnfm-weather-forecast{margin-top:10px}
.bnfm-weather-forecast-title{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#facc15;margin-bottom:6px}
.bnfm-weather-days{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.bnfm-weather-day{background:#141414;border:1px solid #1f1f1f;border-radius:10px;padding:7px 3px;text-align:center}
.bnfm-weather-day-name{font-size:8px;font-weight:800;text-transform:uppercase;color:#a1a1aa}
.bnfm-weather-day-icon{font-size:16px;margin:3px 0}
.bnfm-weather-day-temps{font-size:10px;font-weight:800;color:#fff}
.bnfm-weather-day-temps span.min{color:#71717a;font-weight:600}
.bnfm-ticker{position:absolute;top:0;left:0;right:0;height:28px;background:#facc15;color:#000;font-weight:900;font-size:9px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;z-index:2}
.bnfm-ticker-track{display:inline-block;animation:ticker 12s linear infinite;padding-left:100%}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bnfm-badge-top{position:absolute;top:36px;left:10px;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);color:#facc15;border:1px solid #facc15;padding:4px 8px;border-radius:6px;font-weight:900;font-size:8px;z-index:3}
.bnfm-live{position:absolute;top:36px;right:10px;background:#ef4444;color:#fff;padding:4px 8px;border-radius:6px;font-weight:900;font-size:8px;display:flex;align-items:center;gap:4px;z-index:3}
.bnfm-dot{width:5px;height:5px;background:#fff;border-radius:50%;animation:blink 1s infinite}
.bnfm-eq{position:absolute;bottom:8px;left:10px;right:10px;display:flex;gap:2px;align-items:end;height:14px}
.bnfm-bar{width:3px;background:#facc15;border-radius:2px;animation:eq .6s ease-in-out infinite}
@keyframes eq{0%,100%{height:20%}50%{height:100%}}
.bnfm-weather-footer{display:flex;justify-content:space-between;font-size:8px;font-weight:700;color:#52525b;letter-spacing:.8px;text-transform:uppercase;border-top:1px dashed #262626;padding-top:8px;margin-top:auto}

.bnfm-weather-card{border-top:2px solid #facc15;box-shadow:0 0 30px rgba(250,204,21,.18),0 0 0 1px #1a1a1a,0 16px 40px rgba(0,0,0,.5)}
.bnfm-weather-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#facc15,#f97316,#facc15);background-size:200% 100%;animation:shift 3s linear infinite;z-index:5;border-radius:20px 20px 0 0}@keyframes shift{to{background-position:200% 0}}