/* HBS FANS v78 — isolated contact page and admin inbox. No global component resets. */
.hbs-contact-page{font-family:Heebo,Arial,sans-serif;background:#f7f7f9;color:#202127}
.hbs-contact-page .shell,.hbs-contact-admin .shell{width:min(1230px,calc(100% - 40px));margin-inline:auto}
.hbs-contact-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(118deg,#12050a 0%,#180d12 46%,#48091a 100%);border-bottom:4px solid #cf0b32}
.hbs-contact-hero::before{content:"HBS FANS";position:absolute;left:-30px;bottom:-35px;font:900 clamp(90px,15vw,230px)/1 Rubik,Heebo,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.035);pointer-events:none}
.hbs-contact-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 8%,rgba(255,52,94,.3),transparent 42%),repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.018) 70px,transparent 71px 140px);pointer-events:none}
.hbs-contact-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;min-height:365px;padding:66px 0 75px}
.hbs-contact-eyebrow{display:flex;align-items:center;gap:9px;font:900 11px Rubik,Heebo,sans-serif;letter-spacing:.1em;color:#ff7991}.hbs-contact-eyebrow span{display:block;width:22px;height:2px;background:#ff3158}
.hbs-contact-hero h1{font:900 clamp(43px,5vw,74px)/1.08 Rubik,Heebo,sans-serif;letter-spacing:-.055em;margin:14px 0 20px;color:#fff}.hbs-contact-hero h1 em{font-style:normal;color:#ff3759}
.hbs-contact-hero p{max-width:660px;font-size:16px;line-height:1.9;color:#dad0d3;margin:0}
.hbs-contact-hero__cta{display:inline-flex;align-items:center;gap:17px;margin-top:24px;color:#fff;background:#ca0c34;border:1px solid #ed2852;border-radius:4px;min-height:43px;padding:0 17px;font-weight:850;font-size:13px;transition:transform .2s,background .2s}.hbs-contact-hero__cta:hover{background:#e01440;transform:translateY(-2px);color:#fff}
.hbs-contact-hero__mark{display:grid;place-items:center;align-content:center;width:240px;height:210px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.055);box-shadow:0 27px 70px rgba(0,0,0,.22),inset 0 0 0 6px rgba(255,255,255,.025);transform:rotate(-4deg)}
.hbs-contact-hero__mark span{font:900 82px/.9 Rubik,Heebo,sans-serif;letter-spacing:-.13em;color:#fff}.hbs-contact-hero__mark strong{font:900 43px/1 Rubik,Heebo,sans-serif;letter-spacing:.18em;color:#ff4567}.hbs-contact-hero__mark i{font-size:12px;color:#d7b9c1;font-style:normal;margin-top:15px}
.hbs-contact-body{padding:46px 0 95px}.hbs-contact-body__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);gap:25px;align-items:start}
.hbs-contact-formcard{padding:clamp(20px,3vw,39px);background:#fff;border:1px solid #e3e4e8;box-shadow:0 14px 50px rgba(28,29,39,.045);border-top:3px solid #cc0c33}
.hbs-contact-formcard__intro>span,.hbs-contact-side>span{font:900 11px Rubik,Heebo,sans-serif;letter-spacing:.05em;color:#c40a31}
.hbs-contact-formcard h2{font:900 clamp(26px,3vw,39px)/1.22 Rubik,Heebo,sans-serif;letter-spacing:-.04em;margin:12px 0 7px}.hbs-contact-formcard__intro p{font-size:13px;color:#707780;line-height:1.7;margin:0 0 27px}
.hbs-contact-form{display:grid;gap:17px}.hbs-contact-fields2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hbs-contact-form label:not(.hbs-contact-consent){display:grid;gap:7px;min-width:0}.hbs-contact-form label>span{font-size:13px;font-weight:800}.hbs-contact-form label>span>b{color:#dc1644}
.hbs-contact-form input:not([type=checkbox]),.hbs-contact-form select,.hbs-contact-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dfe1e6;background:#fbfbfc;border-radius:4px;padding:12px 13px;font:500 14px/1.5 Heebo,Arial,sans-serif;color:#191b20;outline:0;transition:border-color .2s,box-shadow .2s}
.hbs-contact-form input:focus-visible,.hbs-contact-form select:focus-visible,.hbs-contact-form textarea:focus-visible{border-color:#c61039;box-shadow:0 0 0 3px rgba(200,10,53,.09);background:#fff}.hbs-contact-form textarea{resize:vertical;min-height:146px}
.hbs-contact-form label>small{font-size:11px;color:#81858c}.hbs-contact-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;pointer-events:none}
.hbs-contact-consent{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid #ececf0}.hbs-contact-consent input{accent-color:#c40732;width:17px;height:17px;flex:0 0 auto;margin:3px 0 0}.hbs-contact-consent span{font-weight:500!important;font-size:12px!important;line-height:1.8;color:#565c65}.hbs-contact-consent a{color:#bb0a2e;text-decoration:underline}
.hbs-contact-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:53px;padding:0 20px;border:1px solid #b4052b;border-radius:4px;background:linear-gradient(110deg,#e01542,#ae092d);color:#fff;font:900 15px Heebo,Arial,sans-serif;cursor:pointer;transition:transform .2s,filter .2s}.hbs-contact-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}.hbs-contact-fineprint{font-size:11px;line-height:1.6;margin:0;color:#9297a0}
.hbs-contact-side{background:#fff;border:1px solid #e4e4e8;padding:29px 25px}.hbs-contact-side h2{font:900 30px/1.18 Rubik,Heebo,sans-serif;letter-spacing:-.045em;margin:10px 0 24px;color:#1e2026}
.hbs-contact-route{display:grid;grid-template-columns:33px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #ecedf0;color:#262a30;transition:color .17s,transform .17s}.hbs-contact-route:hover{color:#cc0b33;transform:translateX(-2px)}.hbs-contact-route>.icon:first-child{width:23px;height:23px;color:#cc0b33}.hbs-contact-route>span{display:grid;gap:3px}.hbs-contact-route b{font-size:14px}.hbs-contact-route small{font-size:11px;color:#8c9098}.hbs-contact-route>.icon:last-child{width:11px;height:11px;color:#b5b8bf}
.hbs-contact-side__note{margin-top:22px;padding:20px;background:#1b1116;border-right:3px solid #d50e3b;color:#fff}.hbs-contact-side__note b{font-size:13px}.hbs-contact-side__note p{margin:8px 0 0;color:#d0c5ca;font-size:12px;line-height:1.75}
/* Admin contact inbox */
.hbs-contact-admin{background:#f6f7f9;min-height:70vh;padding-bottom:70px;font-family:Heebo,Arial,sans-serif;color:#22252b}.hbs-contact-admin__hero{background:linear-gradient(105deg,#151318,#360714);color:#fff;padding:50px 0 43px}.hbs-contact-admin__hero span{font:850 11px Rubik,Heebo,sans-serif;letter-spacing:.08em;color:#fb6381}.hbs-contact-admin__hero h1{font:900 clamp(34px,4vw,55px)/1.1 Rubik,Heebo,sans-serif;margin:9px 0 8px}.hbs-contact-admin__hero p{margin:0;color:#d8cbd0;font-size:13px}.hbs-contact-admin__metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.hbs-contact-admin__metrics span{display:inline-flex;gap:12px;align-items:center;padding:9px 13px;background:#ffffff0d;border:1px solid #ffffff28;color:#fff;letter-spacing:normal;font:700 12px Heebo,Arial,sans-serif}.hbs-contact-admin__metrics b{font-size:20px;color:#fff}.hbs-contact-admin__list{padding-top:24px;display:grid;gap:13px}.hbs-contact-admin__back{width:max-content;font-size:12px;font-weight:800;color:#b50930;margin-bottom:6px}.hbs-contact-admin__empty{padding:35px;background:#fff;border:1px solid #e1e3e8;text-align:center;font-size:14px}.hbs-contact-admin__item{background:#fff;border:1px solid #e0e3e8;padding:23px;scroll-margin-top:100px}.hbs-contact-admin__item header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hbs-contact-admin__item header strong{font-size:12px;color:#545963}.hbs-contact-admin__item time{margin-inline-start:auto;font-size:11px;color:#8d939b}.hbs-contact-admin__badge{padding:5px 10px;font-size:10px;font-weight:900;border:1px solid #e6e6e9;background:#f6f7f8}.hbs-contact-admin__badge--new{color:#b5082e;border-color:#f5cbd4;background:#fff1f4}.hbs-contact-admin__badge--reviewing{color:#93640a;background:#fff8e8;border-color:#efdbab}.hbs-contact-admin__badge--closed{color:#17683d;background:#ebf8ef;border-color:#c6e7d0}.hbs-contact-admin__item h2{font-size:20px;margin:14px 0 6px;color:#191b20}.hbs-contact-admin__sender{font-size:12px;color:#747881}.hbs-contact-admin__sender a{color:#b50a2f;text-decoration:underline;overflow-wrap:anywhere}.hbs-contact-admin__item>p{white-space:normal;overflow-wrap:anywhere;background:#fafbfc;padding:16px;border:1px solid #edeef1;line-height:1.9;font-size:13px;margin:18px 0}.hbs-contact-admin__item form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.hbs-contact-admin__item form label{display:grid;gap:6px;font-size:11px;font-weight:800}.hbs-contact-admin__item form select{min-width:130px;padding:9px;border:1px solid #dadddf;background:#fff;border-radius:3px;font-family:inherit}.hbs-contact-admin__item form button,.hbs-contact-admin__item form>a{min-height:39px;display:inline-flex;align-items:center;padding:0 14px;border-radius:3px;font:800 12px Heebo,Arial,sans-serif;cursor:pointer}.hbs-contact-admin__item form button{color:#fff;border:1px solid #b2072d;background:#c40b32}.hbs-contact-admin__item form>a{background:#fafafa;border:1px solid #dcdee2;color:#26292f}
@media(max-width:900px){.hbs-contact-hero__inner{grid-template-columns:1fr;gap:0;padding:48px 0 60px}.hbs-contact-hero__mark{display:none}.hbs-contact-body__grid{grid-template-columns:minmax(0,1fr)}.hbs-contact-side{order:2}}
@media(max-width:560px){.hbs-contact-page .shell,.hbs-contact-admin .shell{width:calc(100% - 24px)}.hbs-contact-hero__inner{padding:39px 0 48px}.hbs-contact-hero h1{font-size:clamp(39px,11vw,55px)}.hbs-contact-hero p{font-size:13px;line-height:1.75}.hbs-contact-body{padding:14px 0 50px}.hbs-contact-fields2{grid-template-columns:1fr}.hbs-contact-formcard,.hbs-contact-side{padding:19px 15px}.hbs-contact-formcard h2{font-size:26px}.hbs-contact-side h2{font-size:25px}.hbs-contact-admin__hero{padding:35px 0}.hbs-contact-admin__item{padding:16px}.hbs-contact-admin__item header{gap:7px}.hbs-contact-admin__item time{width:100%}}
@media(prefers-reduced-motion:reduce){.hbs-contact-page a,.hbs-contact-page button{transition:none}.hbs-contact-page a:hover,.hbs-contact-page button:hover{transform:none}}