/* ==========================================
   FORM SECTION
========================================== */

.form-section {

padding-top:120px;
padding-bottom:140px;
}

.form-box {

max-width:760px;

margin:0 auto;

padding:64px;

border-radius:
var(--radius-xl);

background:
var(--glass-background);

backdrop-filter:
var(--glass-blur);

border:
1px solid var(--color-glass-border);

box-shadow:
var(--shadow-large);

text-align:center;
}

.form-box h2 {

margin-bottom:18px;
}

.form-box p {

max-width:520px;

margin:
0 auto 40px;
}

/* ==========================================
   FORM
========================================== */

#leadForm {

display:flex;
flex-direction:column;

gap:18px;
}

/* ==========================================
   INPUTS
========================================== */

#leadForm input,
#leadForm select {

width:100%;

height:60px;

padding:
0 20px;

border-radius:
18px;

border:
1px solid rgba(31,42,68,.08);

background:
rgba(255,255,255,.95);

font-size:1rem;

color:
var(--color-text);

outline:none;

transition:
var(--transition-fast);
}

#leadForm input::placeholder {

color:
#8b95a8;
}

#leadForm input:focus,
#leadForm select:focus {

border-color:
rgba(87,197,245,.45);

box-shadow:
0 0 0 4px rgba(87,197,245,.12);
}

/* ==========================================
   SELECT
========================================== */

#leadForm select {

cursor:pointer;

appearance:none;
-webkit-appearance:none;
-moz-appearance:none;

background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23606b84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

background-repeat:no-repeat;

background-position:
right 18px center;

padding-right:50px;
}

/* ==========================================
   BUTTON
========================================== */

#leadForm button {

height:62px;

margin-top:10px;

border:none;

cursor:pointer;

border-radius:
var(--radius-pill);

font-weight:700;

font-size:1rem;

color:
var(--color-text);

background:
linear-gradient(
135deg,
#dff3ff,
#f8dfe8
);

box-shadow:
var(--shadow-card);

transition:
var(--transition-normal);
}

#leadForm button:hover {

transform:
translateY(-2px);
}

#leadForm button:active {

transform:
translateY(0);
}

/* ==========================================
   SUCCESS STATE
========================================== */

.form-success {

display:none;

padding:24px;

margin-top:24px;

border-radius:
var(--radius-md);

background:
rgba(87,197,245,.08);

border:
1px solid rgba(87,197,245,.2);

font-weight:600;

color:
var(--color-text);
}

.form-success.visible {

display:block;
}