.tcf-wrap{
  --tcf-navy:#101638;
  --tcf-gold:#d8b85d;
  --tcf-soft:#f7f5ed;
  --tcf-text:#101638;
  --tcf-muted:#647085;
  width:100%;
}

.tcf-form{
  background:#fff;
  border:1px solid rgba(16,22,56,.10);
  border-radius:28px;
  padding:clamp(24px,4vw,38px);
  box-shadow:0 24px 70px rgba(16,22,56,.10);
  color:var(--tcf-text);
}

.tcf-head{
  margin-bottom:24px;
}

.tcf-head span{
  display:inline-flex;
  width:max-content;
  background:rgba(216,184,93,.14);
  border:1px solid rgba(216,184,93,.34);
  color:#8b6a16;
  border-radius:999px;
  padding:.42rem .78rem;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}

.tcf-head h3{
  margin:0 0 10px;
  color:var(--tcf-text);
  font-size:clamp(1.8rem,3vw,2.5rem);
  line-height:1.08;
  letter-spacing:-.04em;
}

.tcf-head p{
  margin:0;
  color:var(--tcf-muted);
  line-height:1.65;
}

.tcf-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.tcf-grid label,
.tcf-simple-label{
  display:grid;
  gap:8px;
  font-weight:850;
  color:var(--tcf-text);
}

.tcf-full{
  grid-column:1/-1;
}

.tcf-form input,
.tcf-form select,
.tcf-form textarea{
  width:100%;
  min-height:52px;
  border:1px solid rgba(16,22,56,.14);
  border-radius:16px;
  padding:13px 14px;
  background:#fff;
  font:inherit;
}

.tcf-form textarea{
  min-height:140px;
  resize:vertical;
}

.tcf-gdpr{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:18px 0;
  color:var(--tcf-muted);
  line-height:1.5;
}

.tcf-gdpr input{
  width:auto;
  min-height:auto;
  margin-top:5px;
}

.tcf-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border:0;
  border-radius:999px;
  background:var(--tcf-gold);
  color:#16120a;
  font-weight:950;
  min-height:54px;
  padding:0 22px;
  cursor:pointer;
}

.tcf-result{
  margin-top:16px;
  border-radius:16px;
  padding:0;
  font-weight:800;
}

.tcf-result.is-success{
  padding:14px;
  background:#eef8f0;
  color:#216e3a;
}

.tcf-result.is-error{
  padding:14px;
  background:#fff0f0;
  color:#9b1c1c;
}

.tcf-hp{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  height:0!important;
  overflow:hidden!important;
}

.tcf-template-split .tcf-form{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:28px;
  align-items:start;
}

.tcf-template-split .tcf-head{
  position:sticky;
  top:120px;
  background:linear-gradient(135deg,var(--tcf-navy),#202957);
  color:#fff;
  border-radius:24px;
  padding:28px;
}

.tcf-template-split .tcf-head h3{
  color:#fff;
}

.tcf-template-split .tcf-head p{
  color:rgba(255,255,255,.76);
}

.tcf-template-minimal .tcf-form{
  box-shadow:none;
  border-radius:20px;
  border:1px solid rgba(16,22,56,.08);
}

.tcf-template-dark .tcf-form{
  background:linear-gradient(135deg,var(--tcf-navy),#202957);
  color:#fff;
}

.tcf-template-dark .tcf-head h3{
  color:#fff;
}

.tcf-template-dark .tcf-head p,
.tcf-template-dark .tcf-gdpr{
  color:rgba(255,255,255,.76);
}

.tcf-template-dark .tcf-grid label{
  color:#fff;
}

@media(max-width:760px){
  .tcf-grid,
  .tcf-template-split .tcf-form{
    grid-template-columns:1fr;
  }

  .tcf-template-split .tcf-head{
    position:relative;
    top:auto;
  }

  .tcf-head,
  .tcf-head p,
  .tcf-head h3{
    text-align:center;
  }

  .tcf-head span{
    margin-left:auto;
    margin-right:auto;
  }
}


/* v1.1 Pro featured templates */
.tcf-template-pro-glass .tcf-form{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 30px 90px rgba(16,22,56,.18);
}
.tcf-template-pro-sidebar .tcf-form{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:26px;
  align-items:start;
}
.tcf-template-pro-sidebar .tcf-head{
  background:#101638;
  color:#fff;
  border-radius:24px;
  padding:28px;
  position:sticky;
  top:120px;
}
.tcf-template-pro-sidebar .tcf-head h3{color:#fff}
.tcf-template-pro-sidebar .tcf-head p{color:rgba(255,255,255,.76)}
.tcf-template-pro-step .tcf-form{
  counter-reset:tcfstep;
}
.tcf-template-pro-step .tcf-grid label{
  position:relative;
  padding-top:28px;
}
.tcf-template-pro-step .tcf-grid label:before{
  counter-increment:tcfstep;
  content:"Stap " counter(tcfstep);
  position:absolute;
  top:0;
  left:0;
  color:#8b6a16;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.tcf-template-pro-floating .tcf-form{
  transform:translateY(-8px);
  box-shadow:0 34px 120px rgba(16,22,56,.18);
  border-radius:34px;
}
.tcf-template-builder.tcf-builder-style-glass .tcf-form{
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(18px);
}
.tcf-template-builder.tcf-builder-style-dark .tcf-form{
  background:linear-gradient(135deg,#101638,#202957);
  color:#fff;
}
.tcf-template-builder.tcf-builder-style-dark .tcf-head h3,
.tcf-template-builder.tcf-builder-style-dark .tcf-grid label{color:#fff}
.tcf-template-builder.tcf-builder-style-dark .tcf-head p,
.tcf-template-builder.tcf-builder-style-dark .tcf-gdpr{color:rgba(255,255,255,.76)}
@media(max-width:760px){
  .tcf-template-pro-sidebar .tcf-form{
    grid-template-columns:1fr;
  }
  .tcf-template-pro-sidebar .tcf-head{
    position:relative;
    top:auto;
  }
}


/* v1.2 Pro Designer frontend */
.tcf-template-designer .tcf-form{
  background:var(--tcf-bg-card,#fff);
  color:var(--tcf-text,#101638);
  font-family:var(--tcf-font,Inter,system-ui,sans-serif);
  border-radius:var(--tcf-radius,28px);
}
.tcf-template-designer .tcf-head h3{
  color:var(--tcf-navy,#101638);
}
.tcf-template-designer .tcf-head span,
.tcf-template-designer .tcf-submit{
  background:var(--tcf-gold,#d8b85d);
}
.tcf-template-designer .tcf-grid label{
  color:var(--tcf-text,#101638);
}
.tcf-template-designer .tcf-submit{
  border-radius:var(--tcf-radius,28px);
}
.tcf-template-designer .tcf-form input,
.tcf-template-designer .tcf-form select,
.tcf-template-designer .tcf-form textarea{
  border-radius:calc(var(--tcf-radius,28px) * .55);
}