@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDFXphjhQYrcK.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDVXphjhQYrcK.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1XphjhQYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDFXphjhQYrcK.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDVXphjhQYrcK.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1XphjhQYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDFXphjhQYrcK.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDVXphjhQYrcK.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://serpskit.com/wp-content/cache/perfmatters/serpskit.com/fonts/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1XphjhQYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{
--serpskit-green:#F7971D;
--serpskit-bg:#FFFFFF;
--serpskit-text:#0F172A;
--serpskit-gray:#213356;
}
.serpskit-wrap{
font-family:'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
} .serpskit-container{
box-sizing:border-box;
background:var(--serpskit-bg);
border:5px dashed var(--serpskit-green);
padding:30px;
margin:0 auto 14px auto;
} .serpskit-h2{
margin:0 0 12px 0;
font-size:34px;
font-weight:700;
color:var(--serpskit-text);
line-height:1.1;
}
.serpskit-desc{
margin:0 0 18px 0;
font-size:18px;
color:var(--serpskit-text);
line-height:1.3;
} .serpskit-row{ display:flex; gap:10px; align-items:center; flex-wrap:nowrap; margin-bottom:14px; }
.serpskit-input{
width:175px; height:40px;
background:#FFFFFF; border:1px solid var(--serpskit-gray);
border-radius:0; outline:none; padding:0 12px;
font-size:15px; color:#939598; line-height:40px; box-sizing:border-box;
}
.serpskit-btn{
width:175px; height:40px;
display:inline-flex; align-items:center; justify-content:center;
text-decoration:none; font-size:18px; font-weight:600;
cursor:pointer; user-select:none; line-height:40px; box-sizing:border-box;
}
.serpskit-btn--primary{ background:var(--serpskit-green); color:#FFFFFF; border:none; }
.serpskit-btn--outline{ background:transparent; border:2px solid var(--serpskit-green); color:var(--serpskit-green); }
.serpskit-btn:focus{ outline:3px solid #0036B2; outline-offset:2px; }
.serpskit-agreement{ display:flex; align-items:flex-start; gap:10px; font-size:15px; color:var(--serpskit-text); }
.serpskit-agreement a{ color:#1F2937; text-decoration:underline; }
.serpskit-message{ margin-top:6px; font-size:14px; color:#1F2937; } .serpskit--v1 .serpskit-container{ width:1000px; min-height:231px; }
.serpskit--v1 .serpskit-input{ width:250px; height:40px; }
.serpskit--v1 .serpskit-btn{ width:210px; height:40px; } .serpskit--v2 .serpskit-container{ width:500px; min-height:340px; }
.serpskit--v2 .serpskit-row-inputs .serpskit-input{ width:211px; height:40px; }
.serpskit--v2 .serpskit-row-buttons .serpskit-btn{ width:211px; height:40px; } @media (max-width: 900px){
.serpskit--v1 .serpskit-container{ width:100%; }
}
@media (max-width: 560px){
.serpskit--v2 .serpskit-container{ width:100%; min-height:auto; }
.serpskit--v2 .serpskit-row-inputs, .serpskit--v2 .serpskit-row-buttons{ flex-wrap:wrap; }
.serpskit--v2 .serpskit-input, .serpskit--v2 .serpskit-btn{ width:100%; }
} @media (max-width: 640px){
.serpskit--v1 .serpskit-row{ flex-wrap: wrap !important; }
.serpskit--v1 .serpskit-input,
.serpskit--v1 .serpskit-btn{
width:100% !important;
max-width:100% !important;
flex:1 1 100% !important;
}
}  @container (max-width: 560px){
.serpskit--v2 .serpskit-row-inputs,
.serpskit--v2 .serpskit-row-buttons{
flex-wrap: wrap !important;
}
.serpskit--v2 .serpskit-input,
.serpskit--v2 .serpskit-btn{
width:100% !important;
max-width:100% !important;
flex:1 1 100% !important;
}
.serpskit--v2 .serpskit-container{ min-height:auto !important; }
} @media (max-width: 560px){
.serpskit--v2 .serpskit-row-inputs,
.serpskit--v2 .serpskit-row-buttons{
flex-wrap: wrap !important;
}
.serpskit--v2 .serpskit-input,
.serpskit--v2 .serpskit-btn{
width:100% !important;
max-width:100% !important;
flex:1 1 100% !important;
}
.serpskit--v2 .serpskit-container{ min-height:auto !important; }
}