.bnb-music-office{font-family:Inter,Arial,sans-serif;max-width:1220px;margin:25px auto;background:#08090b;color:#f5f7fa;border:1px solid #252a31;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.bnb-office-header{padding:28px 34px;background:linear-gradient(120deg,#0a0c10,#14191f);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2a3038}
.bnb-brand{display:flex;align-items:center;gap:17px}.bnb-logo{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fcd116,#1db954,#ce1126);color:#050505;font-size:28px;font-weight:900;box-shadow:0 0 28px rgba(252,209,22,.18)}
.bnb-eyebrow,.bnb-panel-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#fcd116}.bnb-brand h1{margin:3px 0;font-size:30px}.bnb-brand p{margin:0;color:#aeb6c2;font-size:13px}.bnb-status{border:1px solid #1db954;color:#62df91;padding:8px 13px;border-radius:30px;font-size:11px;font-weight:800}
.bnb-office-strip{display:flex;flex-wrap:wrap;gap:18px;padding:10px 34px;background:#0d1014;color:#9fa9b6;font-size:12px}.bnb-office-strip span:first-child{color:#fff}.bnb-liveclock{margin-left:auto;color:#fcd116}
.bnb-hero{padding:55px 34px;display:grid;grid-template-columns:1.7fr .8fr;gap:30px;background:radial-gradient(circle at 15% 10%,rgba(29,185,84,.15),transparent 38%),radial-gradient(circle at 85% 30%,rgba(206,17,38,.12),transparent 35%)}
.bnb-hero h2{font-size:48px;line-height:1.05;margin:10px 0 16px}.bnb-hero p{max-width:700px;color:#c5ccd5;line-height:1.7}.bnb-hero-actions{display:flex;gap:12px;margin-top:24px}.bnb-main-btn,.bnb-outline-btn,.bnb-pay,.bnb-submit-btn{display:inline-block;text-decoration:none;border-radius:9px;padding:12px 17px;font-weight:800;font-size:13px;cursor:pointer;border:0}.bnb-main-btn,.bnb-submit-btn{background:#1db954;color:#041008}.bnb-outline-btn{border:1px solid #59616c;color:#fff}.bnb-hero-card{align-self:center;padding:24px;border:1px solid #2b333d;border-radius:15px;background:#101318}.bnb-hero-card span,.bnb-hero-card small{display:block;color:#9da7b3;font-size:11px}.bnb-hero-card strong{display:block;font-size:22px;margin:8px 0 18px}.bnb-hero-card small+small{margin-top:7px}
.bnb-office-panel{padding:42px 34px;border-top:1px solid #20262e}.bnb-office-panel h2{font-size:30px;margin:7px 0 26px}.bnb-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bnb-card{background:linear-gradient(145deg,#13171c,#0e1115);border:1px solid #252d36;border-radius:14px;padding:20px;min-height:205px;position:relative;transition:.2s}.bnb-card:hover{transform:translateY(-3px);border-color:#1db954}.bnb-card-icon{font-size:11px;color:#66717e;font-weight:900}.bnb-card h3{font-size:17px;margin:12px 0 8px}.bnb-price{font-weight:900;color:#fcd116;font-size:16px}.bnb-card p{color:#aab3bf;font-size:12px;line-height:1.55;min-height:56px}.bnb-share{background:transparent;color:#dce2e8;border:1px solid #39414b;border-radius:7px;padding:7px 9px;font-size:11px;cursor:pointer}
.bnb-submit-panel{background:linear-gradient(180deg,#0c1015,#090b0e)}.bnb-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.bnb-product{border:1px solid #2a323c;border-radius:14px;padding:20px;background:#11151a}.bnb-badge{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fcd116;color:#111;font-weight:900;font-size:11px}.bnb-product h3{margin:15px 0 8px}.bnb-product strong{display:block;color:#1db954;font-size:24px}.bnb-product small{display:block;color:#9fa9b6;margin:6px 0 15px}.bnb-payrow{display:flex;gap:8px;flex-wrap:wrap}.bnb-pay{background:#1db954;color:#041008}.bnb-pay.disabled{background:#30363d;color:#8e98a5;cursor:not-allowed}
.bnb-audio-form{border-top:1px dashed #303842;padding-top:26px}.bnb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bnb-form-grid label{font-size:12px;color:#c4ccd5;font-weight:700}.bnb-form-grid input,.bnb-form-grid select,.bnb-form-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;background:#080b0f;color:#fff;border:1px solid #303842;border-radius:8px;padding:11px}.bnb-full{grid-column:1/-1}.bnb-submit-btn{margin-top:18px;padding:14px 20px}.bnb-muted{color:#aab3bf;font-size:13px}.bnb-notice{max-width:1220px;margin:15px auto;padding:14px 18px;border-radius:10px}.bnb-success{background:#0d2b18;color:#8ff0ad;border:1px solid #1d8c4b}.bnb-error{background:#321015;color:#ffb0b8;border:1px solid #a43b49}
.bnb-office-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:25px 34px;background:#050607;color:#87919e;font-size:12px}.bnb-office-footer strong{color:#fff;font-size:14px}.bnb-office-footer a{color:#fcd116;text-decoration:none}
@media(max-width:980px){.bnb-services-grid{grid-template-columns:repeat(2,1fr)}.bnb-hero{grid-template-columns:1fr}.bnb-product-grid{grid-template-columns:1fr}.bnb-office-footer{grid-template-columns:1fr}}
@media(max-width:600px){.bnb-office-header{padding:20px;align-items:flex-start}.bnb-status{display:none}.bnb-brand h1{font-size:23px}.bnb-hero{padding:38px 20px}.bnb-hero h2{font-size:36px}.bnb-office-panel{padding:32px 20px}.bnb-services-grid{grid-template-columns:1fr}.bnb-form-grid{grid-template-columns:1fr}.bnb-full{grid-column:auto}.bnb-office-strip{padding:10px 20px}.bnb-liveclock{margin-left:0;width:100%}}