/* Bonyel Beats Contact — standalone, scoped */
html:has(.bb-contact),body:has(.bb-contact){background:#000!important;color:#fff!important}
.bb-contact{background:#000;color:#fff;min-height:calc(100vh - 150px);font-family:Inter,Arial,sans-serif;padding:clamp(50px,6vw,100px) 22px 90px}
.bb-contact *{box-sizing:border-box}
.bb-contact-grid{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,100px);align-items:start}
.bb-contact-info{padding-top:42px}
.bb-contact-eyebrow{display:block;color:#759aff;font-size:10px;font-weight:800;letter-spacing:.15em}
.bb-contact-info h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.06em;line-height:1.05;margin:20px 0 22px;font-weight:800;color:#fff}
.bb-contact-lead{color:#aab3c4;line-height:1.8;font-size:14px;max-width:440px;margin:0}
.bb-contact-divider{height:1px;background:#252b36;margin:40px 0 28px}
.bb-contact-email{display:inline-block;color:#fff;text-decoration:none;font-size:15px;font-weight:650;margin-top:14px;overflow-wrap:anywhere}
.bb-contact-email:hover{color:#769bff}
.bb-contact-categories{font-size:12px;color:#929dad;margin-top:25px;line-height:1.7}
.bb-contact-panel{background:#090c12;border:1px solid #283143;border-radius:16px;padding:28px}
.bb-contact-panel h2{font-size:23px;letter-spacing:-.04em;margin:0;color:#fff;font-weight:750}
.bb-contact-panel-subtitle{color:#a3adbf;font-size:12px;margin:8px 0 25px}
.bb-contact-form{display:flex;flex-direction:column;gap:17px}
.bb-contact-field{display:flex;flex-direction:column;gap:8px}
.bb-contact-field label{font-size:11px;color:#d3dbea;font-weight:700}
.bb-contact-field label span{color:#779bff}
.bb-contact-field input,.bb-contact-field select,.bb-contact-field textarea{width:100%;background:#10141c;border:1px solid #2b3342;border-radius:8px;padding:13px 14px;color:#fff;font:400 13px Inter,Arial,sans-serif;outline:none;box-shadow:none;min-height:44px}
.bb-contact-field textarea{resize:vertical;min-height:112px}
.bb-contact-field input:focus,.bb-contact-field select:focus,.bb-contact-field textarea:focus{border-color:#4779ff;box-shadow:0 0 0 2px rgba(71,121,255,.12)}
.bb-contact-field input::placeholder,.bb-contact-field textarea::placeholder{color:#828c9e}
.bb-contact-field select option{background:#10141c;color:#fff}
.bb-contact-form button{border:0;border-radius:8px;background:#386eff;color:#fff;min-height:45px;font:800 11px Inter,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.bb-contact-form button:hover{background:#2458e5}
.bb-contact-privacy{text-align:center;color:#8490a4;font-size:10px;margin:-5px 0 0}
.bb-contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bb-contact-notice{padding:13px;border:1px solid #39506b;border-radius:8px;margin-bottom:19px;font-size:12px;line-height:1.6;color:#dce9ff;background:#101a2b}
.bb-contact-notice-error{border-color:#744149;background:#241318;color:#ffd9df}
@media(max-width:750px){.bb-contact{padding:42px 16px 65px}.bb-contact-grid{grid-template-columns:1fr;gap:30px}.bb-contact-info{padding-top:0}.bb-contact-info h1{font-size:44px}.bb-contact-divider{margin:26px 0 22px}.bb-contact-panel{padding:23px 19px}}