:root{
  --primary:#0fcf95;
  --dark:#0f172a;
  --gray:#64748b;
  --border:#e2e8f0;
  --success:#16a34a;
}

/* PAGE */
.gcs-form-k1{
  min-height:100vh;
  padding:20px;
  background:linear-gradient(135deg,#f1f5f9,#ffffff);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* CARD */
.gcs-form-k2{
  width:100%;
  max-width:100%;
  background:#ecfdff;
  border-radius:18px;
  padding:30px;
  box-shadow:0 20px 45px rgba(0,0,0,0.08);
}

/* HEADER */
.gcs-form-k3{
  margin-bottom:25px;
}

.gcs-form-k3 h1{
  font-size:clamp(22px,3vw,32px);
  color:var(--dark);
  margin-bottom:8px;
  font-family: "Nunito Sans", sans-serif;
}

.gcs-form-k3 p{
  color:var(--gray);
  font-size:15px;
}

/* FORM GRID */
.gcs-form-k4{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.gcs-form-k5{
  grid-column:1/-1;
}

/* FIELD */
.gcs-form-k6{
  display:flex;
  flex-direction:column;
}

.gcs-form-k6 label{
  font-size:14px;
  font-weight:600;
  margin-bottom:6px;
}

.gcs-form-k6 input,
.gcs-form-k6 textarea{
  padding:14px 16px;
  font-size:15px;
  border-radius:12px;
  border:1px solid var(--border);
  outline:none;
  transition:0.3s;
}

.gcs-form-k6 textarea{
  min-height:130px;
}

.gcs-form-k6 input:focus,
.gcs-form-k6 textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}

/* CHECKBOX */
.gcs-form-k9{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  font-size:14px;
  color:#334155;
}

.gcs-form-k9 input{
  width:18px;
  height:18px;
  cursor:pointer;
}

/* SUBMIT */
.gcs-form-k7{
  margin-top:10px;
}

.gcs-form-k8{
  width:100%;
  padding:16px;
  border:none;
  border-radius:14px;
  font-size:16px;
  font-weight:700;
  background:linear-gradient(135deg,#1fa0a0,#05827e);
  color:#fff;
  cursor:pointer;
}

.gcs-form-k8:hover{
  transform:translateY(-2px);
}

/* POPUP OVERLAY */
.gcs-form-k10{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,0.6);
  display:none;
  align-items:center;
  justify-content:center;
  z-index: 99999
}

/* POPUP BOX */
.gcs-form-k11{
  background:#fff;
  width:90%;
  max-width:420px;
  padding:25px;
  border-radius:16px;
  text-align:center;
  box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

.gcs-form-k11 h2{
  color:var(--success);
  margin-bottom:10px;
}

.gcs-form-k11 p{
  font-size:14px;
  color:#334155;
  line-height:1.6;
}

/* CLOSE */
.gcs-form-k12{
  margin-top:15px;
  padding:12px;
  width:100%;
  border:none;
  border-radius:12px;
  background:#16a34a;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

.gcs-form-k10.active {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* RESPONSIVE */
@media(max-width:768px){
  .gcs-form-k4{
    grid-template-columns:1fr;
  }
  .gcs-form-k2{
    padding:22px;
  }
}