:root{
--primary:#1452e2;
--primary-dark:#0f3eb0;
--text:#10214d;
--muted:#5f6b85;
--bg:#f7f9fc;
--line:#e7ebf3;
--white:#ffffff;
--shadow:0 10px 30px rgba(16,33,77,.08);
--radius:18px;
--container:1200px;
}
*,
*::before,
*::after{
box-sizing:border-box;
}
html{
scroll-behavior:auto;
}
body.lp-body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:var(--text);
background:#fff;
line-height:1.5;
}
.lp-page{
overflow:hidden;
}
.lp-container{
width:min(var(--container), calc(100% - 40px));
margin:0 auto;
}
.lp-hero{
padding:40px 0 60px;
background:linear-gradient(180deg, #fff 0%, #f8faff 100%);
}
.lp-logo{
font-size:28px;
font-weight:700;
margin-bottom:30px;
}
.lp-hero-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:40px;
align-items:center;
}
.lp-kicker{
font-size:18px;
font-weight:700;
margin-bottom:16px;
}
.lp-title{
font-size:64px;
line-height:1.05;
font-weight:800;
margin:0 0 24px;
letter-spacing:-1px;
}
.lp-title .blue{
color:var(--primary);
}
.lp-lead{
font-size:22px;
color:var(--muted);
max-width:680px;
margin-bottom:28px;
}
.lp-lead-small{
font-size:18px;
margin-bottom:0;
}
.lp-list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:18px;
}
.lp-list li{
display:flex;
gap:14px;
align-items:flex-start;
font-size:18px;
color:var(--text);
}
.lp-check{
flex:0 0 28px;
width:28px;
height:28px;
border-radius:50%;
background:rgba(20,82,226,.1);
color:var(--primary);
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
margin-top:2px;
}
.lp-hero-right{
position:relative;
min-height:640px;
display:flex;
align-items:center;
justify-content:center;
}
.lp-hero-image{
position:absolute;
left:0;
bottom:0;
width:58%;
max-width:360px;
z-index:1;
}
.lp-hero-image img{
width:100%;
height:auto;
display:block;
object-fit:contain;
}
.lp-form-card{
position:relative;
z-index:2;
margin-left:auto;
width:min(100%, 470px);
background:var(--white);
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:28px;
}
.lp-form-card--full{
width:100%;
max-width:none;
margin:0;
}
.lp-form-card h3{
margin:0 0 18px;
font-size:28px;
line-height:1.2;
}
.lp-trust{
display:flex;
flex-wrap:wrap;
gap:14px 24px;
margin-top:16px;
font-size:14px;
color:var(--muted);
}
.lp-trust span{
display:flex;
align-items:center;
gap:8px;
}
.lp-trust i{
color:var(--primary);
font-style:normal;
font-weight:700;
}
.lp-section{
padding:72px 0;
}
.lp-section--light{
background:var(--bg);
}
.lp-center{
text-align:center;
}
.lp-section-title{
font-size:40px;
margin:0 0 16px;
line-height:1.15;
}
.lp-section-subtitle{
font-size:18px;
color:var(--muted);
max-width:760px;
margin:0 auto 42px;
}
.lp-grid-3{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:24px;
}
.lp-card{
background:#fff;
border:1px solid var(--line);
border-radius:18px;
padding:28px 24px;
box-shadow:0 4px 18px rgba(16,33,77,.04);
height:100%;
}
.lp-icon{
width:68px;
height:68px;
border-radius:50%;
border:2px solid rgba(20,82,226,.18);
display:flex;
align-items:center;
justify-content:center;
color:var(--primary);
font-size:30px;
margin:0 auto 18px;
}
.lp-card h3,
.lp-step h3{
margin:0 0 10px;
font-size:24px;
line-height:1.2;
}
.lp-card p,
.lp-step p,
.lp-partner-box p{
margin:0;
color:var(--muted);
font-size:17px;
}
.lp-steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.lp-step{
background:#fff;
border:1px solid var(--line);
border-radius:18px;
padding:32px 24px;
box-shadow:0 4px 18px rgba(16,33,77,.04);
text-align:center;
}
.lp-step-label{
color:var(--primary);
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.04em;
margin-bottom:8px;
}
.lp-partner-row{
display:grid;
grid-template-columns:1fr auto 1fr auto 1fr;
gap:18px;
align-items:center;
margin-top:26px;
}
.lp-partner-box{
background:#fff;
border:1px solid var(--line);
border-radius:18px;
padding:28px 24px;
text-align:center;
box-shadow:0 4px 18px rgba(16,33,77,.04);
}
.lp-arrow{
font-size:34px;
color:var(--primary);
font-weight:700;
}
.lp-cta{
background:linear-gradient(180deg, #f7f9fc 0%, #eef3ff 100%);
}
.lp-cta-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:34px;
align-items:start;
}
.lp-benefits{
list-style:none;
padding:0;
margin:26px 0 0;
display:grid;
gap:14px;
}
.lp-benefits li{
display:flex;
align-items:center;
gap:12px;
font-size:18px;
}
.lp-legal{
padding:24px 0 40px;
font-size:14px;
color:var(--muted);
}
.lp-legal-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}
.lp-legal-links{
display:flex;
gap:20px;
flex-wrap:wrap;
}
.lp-legal a{
color:var(--muted);
text-decoration:none;
}
.lp-legal a:hover{
color:var(--primary);
} .lp-form-card .wpcf7 form{
display:grid;
gap:14px;
}
.lp-form-card .wpcf7 p{
margin:0;
}
.lp-form-card .wpcf7-form-control-wrap{
display:block;
}
.lp-form-card input[type="text"],
.lp-form-card input[type="email"],
.lp-form-card input[type="tel"],
.lp-form-card textarea{
width:100%;
border:1px solid #d9dfeb;
border-radius:12px;
padding:15px 16px;
font-size:16px;
color:var(--text);
background:#fff;
outline:none;
}
.lp-form-card input:focus,
.lp-form-card textarea:focus{
border-color:var(--primary);
box-shadow:0 0 0 4px rgba(20,82,226,.08);
}
.lp-form-card textarea{
min-height:120px;
resize:vertical;
}
.lp-form-card input[type="submit"],
.lp-form-card button,
.lp-form-card .wpcf7-submit{
display:inline-flex;
align-items:center;
justify-content:center;
border:none;
border-radius:12px;
background:var(--primary);
color:#fff;
font-size:18px;
font-weight:700;
padding:16px 22px;
cursor:pointer;
text-decoration:none;
transition:.2s ease;
width:100%;
}
.lp-form-card input[type="submit"]:hover,
.lp-form-card button:hover,
.lp-form-card .wpcf7-submit:hover{
background:var(--primary-dark);
transform:translateY(-1px);
}
.lp-form-card .wpcf7-spinner{
margin:10px 0 0;
}
.lp-form-row-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
@media (max-width:1100px){
.lp-title{
font-size:52px;
}
.lp-hero-grid,
.lp-cta-grid{
grid-template-columns:1fr;
}
.lp-hero-right{
min-height:auto;
}
.lp-hero-image{
position:relative;
width:100%;
max-width:320px;
left:auto;
bottom:auto;
margin:0 auto 24px;
}
.lp-form-card{
margin:0 auto;
}
}
@media (max-width:820px){
.lp-section{
padding:56px 0;
}
.lp-title{
font-size:40px;
}
.lp-lead{
font-size:19px;
}
.lp-section-title{
font-size:30px;
}
.lp-grid-3,
.lp-steps{
grid-template-columns:1fr;
}
.lp-partner-row{
grid-template-columns:1fr;
}
.lp-arrow{
transform:rotate(90deg);
margin:0 auto;
}
.lp-form-row-2{
grid-template-columns:1fr;
}
}
@media (max-width:520px){
.lp-container{
width:min(100% - 24px, var(--container));
}
.lp-logo{
font-size:22px;
}
.lp-title{
font-size:34px;
}
.lp-form-card{
padding:20px;
}
.lp-form-card h3{
font-size:24px;
}
.lp-card,
.lp-step,
.lp-partner-box{
padding:22px 18px;
}
}