@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;800;900&family=Space+Grotesk:wght@700&display=swap');
.bnfm-wrap{max-width:1120px;margin:30px auto;font-family:'Outfit',sans-serif}
.bnfm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.bnfm-form,.bnfm-card{height:580px;min-height:580px;max-height:580px;display:flex;flex-direction:column}
.bnfm-form{background:#0f0f0f;color:#fff;border-radius:20px;padding:18px 20px;border:1px solid #262626;box-shadow:0 0 0 1px #1a1a1a,0 16px 40px rgba(0,0,0,.5);position:relative;overflow:hidden}
.bnfm-form::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}
@keyframes shift{to{background-position:200% 0}}
.bnfm-badge{display:inline-flex;background:#facc15;color:#000;padding:5px 10px;border-radius:100px;font-size:9px;font-weight:900;letter-spacing:.8px}
.bnfm-form h2{font-family:'Space Grotesk',sans-serif;font-size:26px;margin:10px 0 4px;line-height:.9}
.bnfm-form h2 span{color:#facc15}
.bnfm-form p{color:#a1a1aa;font-size:11px;margin:0 0 12px;line-height:1.4}
.bnfm-field{margin-bottom:8px}
.bnfm-field label{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#facc15;display:block;margin-bottom:3px}
.bnfm-field input,.bnfm-field textarea{width:100%;height:40px;padding:0 10px;border-radius:8px;border:1px solid #2a2a2a;background:#171717;color:#fff;font-family:'Outfit';font-size:12px;box-sizing:border-box}
.bnfm-field textarea{height:56px;padding:8px 10px;resize:none}
.bnfm-field input:focus,.bnfm-field textarea:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 2px rgba(250,204,21,.15)}
.bnfm-row{display:grid;grid-template-columns:1fr 80px;gap:8px}
.bnfm-upload{border:1.5px dashed #3f3f46;background:#171717;border-radius:10px;padding:10px;text-align:center;cursor:pointer;transition:.2s;height:70px;display:flex;align-items:center;justify-content:center;gap:10px}
.bnfm-upload:hover{border-color:#facc15;background:#1a1a1a}
.bnfm-upload img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:none;border:2px solid #facc15}
.bnfm-btn{width:100%;height:44px;padding:0;border:none;border-radius:10px;background:#facc15;color:#000;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 0 16px rgba(250,204,21,.3);transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto}
.bnfm-btn:hover{transform:translateY(-1px)}
.bnfm-card{background:#0a0a0a;border-radius:20px;overflow:hidden;border:1px solid #262626;box-shadow:0 0 30px rgba(250,204,21,.12);width:100%;display:flex;flex-direction:column}
.bnfm-card-top{position:relative;height:348px;flex-shrink:0;background:#111}
.bnfm-card-top img{width:100%;height:100%;object-fit:cover}
.bnfm-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.15) 50%,transparent)}
.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}
.bnfm-ticker-track{display:inline-block;animation:ticker 10s 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}
.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}
.bnfm-dot{width:5px;height:5px;background:#fff;border-radius:50%;animation:blink 1s infinite}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.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-card-bottom{padding:12px 14px;background:linear-gradient(180deg,#141414,#0a0a0a);flex:1;display:flex;flex-direction:column;justify-content:space-between}
.bnfm-card-bottom h3{font-family:'Space Grotesk',sans-serif;font-size:18px;color:#fff;margin:0;line-height:1}
.bnfm-city{color:#facc15;font-weight:800;font-size:9px;letter-spacing:.8px;text-transform:uppercase;margin:4px 0}
.bnfm-text{color:#a1a1aa;font-size:11px;line-height:1.4;font-style:italic;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bnfm-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:6px}
.bnfm-alert{padding:8px;border-radius:8px;font-size:11px;font-weight:700;text-align:center;margin-top:8px;display:none}
.bnfm-alert.success{background:#14532d;color:#bbf7d0;display:block}
.bnfm-alert.error{background:#7f1d1d;color:#fecaca;display:block}
@media(max-width:900px){.bnfm-grid{grid-template-columns:1fr}.bnfm-form,.bnfm-card{height:auto;min-height:auto;max-height:none}}