/* Online Work With Us, support, and copyright forms */
.nav-cta{
  margin-left:3px;
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.23);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.nav-cta::before,
.text-button::before,
.form-submit::before,
.age-verify-button::before,
.brand-overlay__visit::before,
.brand-overlay__close::before,
.privacy-back::before,
.privacy-request>a::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  background:linear-gradient(90deg,var(--red),var(--violet),var(--green),var(--cyan));
  transform:translateX(-105%);
  transition:transform .42s cubic-bezier(.2,.75,.2,1);
}
.nav-cta:hover::before,
.text-button:hover::before,
.form-submit:hover::before,
.age-verify-button:hover::before,
.brand-overlay__visit:hover::before,
.brand-overlay__close:hover::before,
.privacy-back:hover::before,
.privacy-request>a:hover::before{transform:none}
.nav-cta:hover,
.text-button:hover,
.form-submit:hover,
.age-verify-button:hover,
.brand-overlay__visit:hover,
.brand-overlay__close:hover,
.privacy-back:hover,
.privacy-request>a:hover{color:#fff;border-color:transparent}
.mobile-work-link{margin-top:18px!important;color:var(--cyan)!important}
.text-button,.brand-overlay__visit,.brand-overlay__close,.privacy-back,.privacy-request>a{position:relative;z-index:0;overflow:hidden}

.connect-hero,.terms-hero{
  min-height:78vh;
  padding:170px 7vw 95px;
  display:flex;
  align-items:flex-end;
}
.connect-hero__copy,.terms-hero>*:not(.liquid-butterfly){position:relative;z-index:2;max-width:1050px}
.connect-hero h1,.terms-hero h1{
  margin:28px 0 20px;
  font-size:clamp(62px,9vw,150px);
  line-height:.82;
  letter-spacing:-.065em;
}
.connect-hero p,.terms-hero>p{max-width:720px;margin:0;color:rgba(255,255,255,.64);font-size:18px}

.form-directory{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--paper);
  color:var(--black);
  border-bottom:1px solid rgba(7,7,10,.15);
}
.form-directory a{
  min-height:250px;
  padding:31px;
  display:flex;
  flex-direction:column;
  border-right:1px solid rgba(7,7,10,.15);
  transition:background .3s,transform .3s,color .3s;
}
.form-directory a:last-child{border-right:0}
.form-directory a>span{font-size:11px;color:rgba(7,7,10,.42)}
.form-directory strong{margin-top:48px;font-size:clamp(24px,2.7vw,42px);line-height:1}
.form-directory small{margin-top:14px;color:rgba(7,7,10,.58);font-size:13px}
.form-directory b{margin-top:auto;align-self:flex-end;font-size:20px}
.form-directory a:nth-child(1):hover{background:var(--red)}
.form-directory a:nth-child(2):hover{background:var(--violet)}
.form-directory a:nth-child(3):hover{background:var(--green)}
.form-directory a:nth-child(4):hover{background:var(--cyan)}
.form-directory a:hover{transform:translateY(-6px);color:#07070a}
.form-directory a:hover small,.form-directory a:hover>span{color:rgba(7,7,10,.7)}

.forms-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:7vw;
  padding:105px 7vw 130px;
  background:
    radial-gradient(circle at 5% 7%,rgba(245,72,87,.10),transparent 23%),
    radial-gradient(circle at 95% 12%,rgba(99,87,255,.10),transparent 25%),
    radial-gradient(circle at 15% 90%,rgba(8,189,141,.08),transparent 24%),
    radial-gradient(circle at 88% 90%,rgba(17,185,231,.09),transparent 24%),
    var(--black);
}
.forms-sidebar{position:sticky;top:105px;align-self:start}
.forms-sidebar>span{display:block;margin-bottom:18px;color:rgba(255,255,255,.4);font-size:11px}
.forms-sidebar button{
  position:relative;
  width:100%;
  padding:13px 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.13);
  background:none;
  text-align:left;
  color:rgba(255,255,255,.58);
  cursor:pointer;
}
.forms-sidebar button::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--red),var(--violet),var(--green),var(--cyan));
  transform:scaleX(0);transform-origin:left;transition:.3s;
}
.forms-sidebar button:hover,.forms-sidebar button.is-active{color:#fff}
.forms-sidebar button.is-active::after{transform:scaleX(1)}
.forms-sidebar p{margin:28px 0 0;color:rgba(255,255,255,.42);font-size:12px;line-height:1.65}
.forms-sidebar>a{display:inline-block;margin-top:18px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.3);font-size:11px}

.forms-stage{min-width:0}
.online-form{max-width:980px}
.form-heading{padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.15)}
.form-heading>span{font-size:12px;color:var(--cyan)}
.form-heading h2{margin:24px 0 18px;font-size:clamp(50px,7vw,100px);line-height:.86;letter-spacing:-.055em}
.form-heading p{max-width:700px;margin:0;color:rgba(255,255,255,.58);font-size:15px}
.online-form form{margin-top:42px}
.online-form fieldset{min-width:0;margin:0 0 48px;padding:0;border:0}
.online-form legend{width:100%;margin-bottom:25px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.14);font-size:20px}
.online-form fieldset[disabled]{opacity:.38;filter:grayscale(.35);pointer-events:none}
.online-form fieldset.form-content{transition:opacity .35s,filter .35s}
.online-form fieldset.form-content.is-unlocked{opacity:1;filter:none;pointer-events:auto}
.age-gate{
  padding:25px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
}
.age-gate>p{max-width:700px;margin:-10px 0 24px;color:rgba(255,255,255,.56);font-size:13px}
.age-message{margin-top:16px;min-height:22px;font-size:12px}
.age-message.is-success{color:var(--green)}
.age-message.is-error{color:var(--red)}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.field-grid--age{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.online-form label,.privacy-report-form label{display:flex;flex-direction:column;gap:9px;font-size:12px}
.online-form label>span,.privacy-report-form label>span{color:rgba(255,255,255,.65)}
.online-form input,.online-form select,.online-form textarea,
.privacy-report-form input,.privacy-report-form select,.privacy-report-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.17);
  border-radius:0;
  background:rgba(255,255,255,.035);
  color:#fff;
  padding:14px 15px;
  outline:none;
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.online-form input:focus,.online-form select:focus,.online-form textarea:focus,
.privacy-report-form input:focus,.privacy-report-form select:focus,.privacy-report-form textarea:focus{
  border-color:var(--cyan);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 3px rgba(17,185,231,.10);
}
.online-form option,.privacy-report-form option{background:#101016;color:#fff}
.online-form textarea,.privacy-report-form textarea{resize:vertical;line-height:1.55}
.online-form small,.privacy-report-form small{color:rgba(255,255,255,.38);line-height:1.45}
.field-wide{display:flex!important;margin-top:19px}
.file-field{
  margin:22px 0 48px;
  padding:22px;
  border:1px dashed rgba(255,255,255,.22);
  background:rgba(255,255,255,.02);
}
.file-field input{padding:9px}
.age-verify-button,.form-submit{
  position:relative;z-index:0;overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
}
.age-verify-button{height:49px;padding:0 21px}
.form-submit{
  width:100%;
  margin-top:30px;
  padding:17px 19px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
}
.form-submit[disabled]{opacity:.45;cursor:wait}
.legal-list{display:flex;flex-direction:column;gap:12px}
.legal-check{
  display:grid!important;
  grid-template-columns:20px 1fr;
  gap:13px!important;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
  line-height:1.55;
}
.legal-check input{width:18px!important;height:18px;margin:2px 0 0;accent-color:var(--cyan)}
.legal-check span{color:rgba(255,255,255,.62)!important}
.legal-check a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.form-status{margin-top:15px;min-height:24px;font-size:12px}
.form-status.is-success{color:var(--green)}
.form-status.is-error{color:var(--red)}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.terms-layout{
  display:grid;grid-template-columns:260px minmax(0,1fr);gap:7vw;
  padding:80px 7vw 125px;background:var(--paper);color:var(--black);
}
.terms-layout>aside{position:sticky;top:105px;align-self:start}
.terms-layout>aside a{display:block;padding:10px 0;border-top:1px solid rgba(7,7,10,.15);font-size:12px}
.terms-layout>aside a:hover{color:var(--violet)}
.terms-layout>article{max-width:900px}
.terms-notice{margin-bottom:45px;padding:19px 21px;border-left:4px solid var(--violet);background:#fff;color:rgba(7,7,10,.64);font-size:13px}
.terms-layout section{scroll-margin-top:110px;padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid rgba(7,7,10,.15)}
.terms-layout section>span{font-size:11px;color:var(--violet)}
.terms-layout h2{margin:14px 0 18px;font-size:clamp(32px,4vw,56px);line-height:.98}
.terms-layout p{color:rgba(7,7,10,.67)}

.privacy-report-form{margin-top:35px}
.privacy-report-form .field-grid{margin-bottom:19px}
.privacy-report-form label>span{color:rgba(10,10,12,.62)}
.privacy-report-form input,.privacy-report-form select,.privacy-report-form textarea{
  border-color:rgba(10,10,12,.18);background:#fff;color:#0a0a0c;
}
.privacy-report-form option{background:#fff;color:#0a0a0c}
.privacy-report-form .legal-check{border-bottom-color:rgba(10,10,12,.12)}
.privacy-report-form .legal-check span{color:rgba(10,10,12,.65)!important}
.privacy-report-form .file-field{border-color:rgba(10,10,12,.2);background:rgba(10,10,12,.025)}
.privacy-report-form .form-submit{border-color:#0a0a0c;background:#0a0a0c;color:#fff}
.privacy-report-form small{color:rgba(10,10,12,.45)}

@media(max-width:1050px){
  .form-directory{grid-template-columns:repeat(2,1fr)}
  .form-directory a:nth-child(2){border-right:0}
  .form-directory a:nth-child(-n+2){border-bottom:1px solid rgba(7,7,10,.15)}
  .forms-shell,.terms-layout{grid-template-columns:1fr}
  .forms-sidebar,.terms-layout>aside{position:relative;top:auto}
  .forms-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}
  .forms-sidebar>span,.forms-sidebar p,.forms-sidebar>a{grid-column:1/-1}
}
@media(max-width:700px){
  .connect-hero,.terms-hero{min-height:68vh;padding:140px 5.5vw 70px}
  .connect-hero h1,.terms-hero h1{font-size:16vw}
  .form-directory{grid-template-columns:1fr}
  .form-directory a{min-height:190px;border-right:0;border-bottom:1px solid rgba(7,7,10,.15)!important}
  .form-directory strong{margin-top:34px}
  .forms-shell,.terms-layout{padding:75px 5.5vw 100px}
  .forms-sidebar{grid-template-columns:1fr}
  .field-grid,.field-grid--age{grid-template-columns:1fr}
  .form-heading h2{font-size:14vw}
  .age-verify-button{width:100%}
}