@charset "utf-8";



.page-hero{
padding:28px 20px 24px;
border-radius:14px;
color:var(--color-white);
background:
radial-gradient(circle at 84% 18%,rgba(255,77,157,0.42) 0,rgba(255,77,157,0) 34%),
linear-gradient(135deg,#29213f 0,#181426 100%);
box-shadow:0 20px 50px rgba(15,12,26,0.25);
}

.page-hero_label{
color:var(--color-pink);
font-size:11px;
line-height:1;
letter-spacing:0.12em;
}

.page-hero_title{
margin-top:12px;
font-size:30px;
line-height:1.35;
letter-spacing:0.04em;
}

.page-hero_text{
margin-top:12px;
font-size:13px;
line-height:1.9;
color:rgba(255,255,255,0.82);
}

.contact-section{
margin-top:24px;
}

.section_head{
margin-bottom:14px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:6px;
}

.section_label{
margin-bottom:0;
color:var(--color-pink);
font-size:11px;
line-height:1;
letter-spacing:0.12em;
}

.section_title{
font-size:22px;
line-height:1.35;
color:var(--color-main);
}

.section_time{
font-size:11px;
line-height:1.6;
color:#8f8aa3;
}

.contact-layout{
display:grid;
grid-template-columns:1fr;
gap:14px;
}

.contact-form{
padding:18px;
border-radius:11px;
background:var(--color-white);
box-shadow:var(--shadow-card);
}

.form-row{
display:grid;
gap:8px;
}

.form-row + .form-row{
margin-top:18px;
}

.form-label{
display:flex;
align-items:center;
gap:7px;
font-size:12px;
line-height:1;
color:var(--color-main);
}

.form-label span{
height:20px;
padding:0 7px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:10px;
color:var(--color-white);
background:var(--color-pink);
font-size:10px;
line-height:1;
}

.form-input,
.form-select,
.form-textarea{
width:100%;
border:1px solid var(--color-border);
border-radius:8px;
background:#f7f7fb;
color:var(--color-main);
font-size:14px;
line-height:1.6;
outline:none;
}

.form-input,
.form-select{
height:48px;
padding:0 14px;
}

.form-textarea{
min-height:170px;
padding:13px 14px;
resize:vertical;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus{
border-color:var(--color-pink);
background:var(--color-white);
box-shadow:0 0 0 4px rgba(255,77,157,0.1);
}

.form-input::placeholder,
.form-textarea::placeholder{
color:#b7b3c7;
}

.form-button{
width:100%;
height:50px;
margin-top:22px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
color:var(--color-white);
background:linear-gradient(135deg,var(--color-pink),var(--color-purple));
box-shadow:0 14px 28px rgba(255,77,157,0.24);
font-size:13px;
line-height:1;
}

.privacy-agree{
display:flex;
align-items:flex-start;
gap:9px;
margin-top:20px;
color:#625d70;
font-size:12px;
line-height:1.7;
}

.privacy-agree input{
margin-top:4px;
}

.privacy-agree a{
color:var(--color-pink);
text-decoration:underline;
text-underline-offset:3px;
}

.contact-confirm{
padding:18px;
border-radius:11px;
background:var(--color-white);
box-shadow:var(--shadow-card);
}

.confirm-lead{
margin-bottom:18px;
color:var(--color-main);
font-size:13px;
}

.confirm-list{
border-top:1px solid var(--color-border);
}

.confirm-list div{
border-bottom:1px solid var(--color-border);
}

.confirm-list dt{
padding:10px 12px;
color:#777286;
background:#f7f7fb;
font-size:11px;
line-height:1.5;
}

.confirm-list dd{
margin:0;
padding:12px;
color:var(--color-main);
font-size:13px;
line-height:1.8;
overflow-wrap:anywhere;
}

.confirm-actions{
display:grid;
gap:10px;
margin-top:20px;
}

.confirm-actions .form-button{
margin-top:0;
}

.form-button.is-back{
color:#625d70;
background:#eeeaf3;
box-shadow:none;
}

.form-message,
.contact-home-link{
padding:15px 16px;
border-radius:9px;
font-size:12px;
line-height:1.8;
}

.form-message{
margin-bottom:14px;
}

.form-message.is-error{
color:#bd2f6c;
background:#fff0f6;
}

.form-message.is-success{
color:#167b5e;
background:#eafaf4;
}

.contact-home-link{
display:inline-flex;
color:#fff;
background:var(--color-main);
}

.contact-side{
position:static;
}

.contact-side_card{
padding:22px 20px;
border-radius:11px;
color:var(--color-white);
background:
radial-gradient(circle at 85% 18%,rgba(255,77,157,0.38) 0,rgba(255,77,157,0) 34%),
linear-gradient(135deg,#29213f 0,#181426 100%);
box-shadow:0 20px 50px rgba(15,12,26,0.18);
}

.contact-side_label{
color:var(--color-pink);
font-size:11px;
line-height:1;
letter-spacing:0.12em;
}

.contact-side_title{
margin-top:14px;
font-size:20px;
line-height:1.45;
letter-spacing:0.03em;
}

.contact-side_text{
margin-top:12px;
font-size:13px;
line-height:1.9;
color:rgba(255,255,255,0.82);
}

.contact-side_list{
margin-top:18px;
display:grid;
gap:8px;
}

.contact-side_list li{
position:relative;
padding-left:17px;
font-size:12px;
line-height:1.7;
color:rgba(255,255,255,0.9);
}

.contact-side_list li:before{
content:"";
width:7px;
height:7px;
position:absolute;
top:8px;
left:0;
border-radius:50%;
background:var(--color-pink);
}

.site-footer{
width:100%;
margin-left:0;
padding:24px 16px 34px;
text-align:center;
}

.site-footer_copy{
font-size:11px;
line-height:1;
color:#9b96ad;
}