.wn-waitlist-wrap {
width: 100%;
} .wn-layout {
display: flex;
gap: 48px;
align-items: center; }
.wn-col-left,
.wn-col-right {
flex: 1;
min-width: 0;
} .gradienttext {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} .wn-col-left .gradienttext {
margin-bottom: 10px;
} .wn-verbiage {} .wn-form-row {
margin-bottom: 16px;
}
.wn-form-row-double {
display: flex;
gap: 14px;
}
.wn-form-row-double .wn-form-field {
flex: 1;
min-width: 0;
} .wn-form-field label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
}
.wn-form-field input[type="text"],
.wn-form-field input[type="email"] {
display: block;
width: 100%;
padding: 10px 14px;
border: 1.5px solid #ddd;
border-radius: 6px;
font-size: 15px;
background-color: #fff !important;
color: #000 !important;
box-sizing: border-box;
transition: border-color .2s, box-shadow .2s;
-webkit-appearance: none;
}
.wn-form-field input[type="text"]::placeholder,
.wn-form-field input[type="email"]::placeholder {
color: #666 !important;
opacity: 1;
}
.wn-form-field input:focus {
outline: none;
border-color: #667eea;
box-shadow: 0 0 0 3px rgba(102, 126, 234, .18);
} .wn-submit-btn {
display: block;
width: 100%;
min-width: 200px;
padding: 15px 35px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
font-size: 15px;
font-weight: 700;
border: none;
border-radius: 6px;
cursor: pointer;
transition: opacity .2s, transform .1s;
}
.wn-submit-btn:hover   { opacity: .9; }
.wn-submit-btn:active  { transform: scale(.98); }
.wn-submit-btn:disabled { opacity: .6; cursor: not-allowed; } .wn-form-message {
display: none;
margin-top: 16px;
padding: 13px 16px;
border-radius: 6px;
font-size: 15px;
line-height: 1.5;
}
.wn-form-message.wn-success {
display: block;
background: #d1e7dd;
color: #0a3622;
border: 1px solid #badbcc;
}
.wn-form-message.wn-error {
display: block;
background: #f8d7da;
color: #58151c;
border: 1px solid #f5c2c7;
} @media (max-width: 768px) {
.wn-layout {
flex-direction: column;
gap: 24px;
}
.wn-form-row-double {
flex-direction: column;
gap: 0;
}
}