body.collab-contact-page { background: #121212; }
#particles-js { position: fixed; inset: 0; z-index: 0; opacity: .42; pointer-events: none; }
.collab-contact-shell { position: relative; z-index: 2; width: min(1120px, calc(100% - 36px)); margin: 0 auto; padding: 142px 0 92px; color: #fff; }
.collab-contact-hero { max-width: 770px; margin: 0 auto 58px; text-align: center; }
.collab-contact-kicker, .collab-contact-label { margin: 0 0 12px; color: #ffd700; font: 400 .84rem/1.2 "Outfit", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.collab-contact-hero h1, .collab-contact-aside h2, .collab-contact-form-panel h2 { margin: 0; color: #ffd700; font: 400 clamp(2.4rem, 6vw, 4.3rem)/1 "Baby Doll", cursive; }
.collab-contact-hero > p:last-child { max-width: 680px; margin: 20px auto 0; color: rgba(255,255,255,.72); font: 300 1.05rem/1.65 "Outfit", sans-serif; }
.collab-contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 28px; align-items: start; }
.collab-contact-aside, .collab-contact-form-panel { background: rgba(18,18,18,.96); border-top: 1px solid rgba(255,215,0,.38); border-bottom: 1px solid rgba(255,215,0,.16); }
.collab-contact-aside { padding: 28px 26px; }
.collab-contact-aside h2 { font-size: clamp(1.9rem, 4vw, 2.8rem); }
.collab-contact-aside > p:not(.collab-contact-label) { margin: 17px 0 0; color: rgba(255,255,255,.7); font: 300 .96rem/1.65 "Outfit", sans-serif; }
.collab-contact-list { display: grid; gap: 13px; margin: 26px 0 0; padding: 0; list-style: none; color: rgba(255,255,255,.78); font: 300 .9rem/1.45 "Outfit", sans-serif; }
.collab-contact-list li { display: flex; gap: 8px; align-items: start; }
.collab-contact-list .material-icons { color: #ffd700; font-size: 1rem; }
.collab-contact-channels { display: grid; gap: 12px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(255,215,0,.16); }
.collab-contact-channels a { display: grid; gap: 3px; color: rgba(255,255,255,.64); font: 300 .82rem "Outfit", sans-serif; text-decoration: none; }
.collab-contact-channels a:hover strong { color: #fff; }
.collab-contact-channels strong { color: #ffd700; font-weight: 400; transition: color .2s ease; }
.collab-contact-form-panel { padding: clamp(22px, 4vw, 38px); }
.form-heading { display: flex; gap: 15px; align-items: start; }
.form-step { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-left: 2px solid #ffd700; color: #ffd700; font: 500 .85rem "Outfit", sans-serif; }
.form-heading .collab-contact-label { margin-top: 2px; }
.collab-contact-form-panel h2 { font-size: clamp(2rem, 4vw, 3rem); }
.form-note { margin: 18px 0 26px; color: rgba(255,255,255,.64); font: 300 .92rem/1.55 "Outfit", sans-serif; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 16px; }
.form-grid label { display: grid; gap: 7px; min-width: 0; }
.form-grid label span { color: rgba(255,255,255,.84); font: 400 .88rem "Outfit", sans-serif; }
.form-grid .full-width { grid-column: 1 / -1; }
.form-grid input, .form-grid select, .form-grid textarea { box-sizing: border-box; width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 5px; padding: 12px 13px; color: #fff; background: #202020; font: 300 .92rem "Outfit", sans-serif; transition: border-color .24s ease, background .24s ease, box-shadow .24s ease; }
.form-grid input, .form-grid select { min-height: 44px; }
.form-grid textarea { min-height: 145px; resize: vertical; }
.form-grid input::placeholder, .form-grid textarea::placeholder { color: rgba(255,255,255,.38); }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { outline: none; border-color: rgba(255,215,0,.68); background: #25251f; box-shadow: 0 0 0 3px rgba(255,215,0,.08); }
.form-grid input:-webkit-autofill, .form-grid input:-webkit-autofill:hover, .form-grid input:-webkit-autofill:focus { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 1000px #202020 inset; caret-color: #fff; }
.form-grid option { color: #fff; background: #202020; }
.collab-contact-submit { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; margin-top: 24px; padding: 0 20px; border: 0; border-radius: 999px; color: #171717; background: #ffd700; font: 400 1rem "Outfit", sans-serif; cursor: pointer; transition: transform .25s ease, background .25s ease; }
.collab-contact-submit:hover { transform: translateY(-2px); background: #fff; }
.collab-contact-submit:disabled { cursor: wait; opacity: .7; transform: none; }
.form-privacy { margin: 15px 0 0; color: rgba(255,255,255,.42); font: 300 .78rem/1.4 "Outfit", sans-serif; }
.collab-back-link { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 32px; color: #ffd700; font: 400 .95rem "Outfit", sans-serif; text-decoration: none; }
.collab-back-link:hover { color: #fff; }
.collab-back-link .material-icons { font-size: 1rem; }
@media (max-width: 800px) { .collab-contact-shell { padding-top: 112px; } .collab-contact-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .collab-contact-shell { width: min(100% - 22px, 1120px); } .form-grid { grid-template-columns: 1fr; } .form-grid .full-width { grid-column: auto; } .collab-contact-submit { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .form-grid input, .form-grid select, .form-grid textarea, .collab-contact-submit { transition: none; } }