@charset "utf-8";



.page-hero{
padding:48px 52px;
border-radius:17px;
color:var(--color-white);
background:
radial-gradient(circle at 82% 18%,rgba(255,77,157,0.42) 0,rgba(255,77,157,0) 34%),
linear-gradient(135deg,#29213f 0,#181426 100%);
box-shadow:0 24px 60px rgba(30,27,46,0.22);
}

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

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

.page-hero_text{
max-width:680px;
margin-top:14px;
font-size:14px;
line-height:1.9;
color:rgba(255,255,255,0.82);
}

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

.section_head{
margin-bottom:24px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
}

.section_label{
margin-bottom:8px;
color:var(--color-pink);
font-size:12px;
line-height:1;
letter-spacing:0.14em;
}

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

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

.contact-layout{
display:grid;
grid-template-columns:1fr 360px;
gap:24px;
align-items:start;
}

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

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

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

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

.form-label span{
height:22px;
padding:0 8px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:11px;
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;
transition:0.2s;
}

.form-input,
.form-select{
height:52px;
padding:0 16px;
}

.form-textarea{
min-height:190px;
padding:14px 16px;
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:260px;
height:54px;
margin-top:28px;
display:flex;
align-items:center;
justify-content:center;
border-radius:9px;
color:var(--color-white);
background:linear-gradient(135deg,var(--color-pink),var(--color-purple));
box-shadow:0 14px 28px rgba(255,77,157,0.28);
font-size:14px;
line-height:1;
}

.form-button:hover{
transform:translateY(-2px);
}

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

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

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

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

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

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

.confirm-list div{
display:grid;
grid-template-columns:180px minmax(0,1fr);
border-bottom:1px solid var(--color-border);
}

.confirm-list dt,
.confirm-list dd{
padding:17px 14px;
font-size:13px;
line-height:1.8;
}

.confirm-list dt{
color:#777286;
background:#f7f7fb;
}

.confirm-list dd{
margin:0;
color:var(--color-main);
overflow-wrap:anywhere;
}

.confirm-actions{
display:flex;
align-items:center;
gap:12px;
margin-top:26px;
}

.confirm-actions form{
flex:1;
}

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

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

.form-message,
.contact-home-link{
padding:18px 20px;
border-radius:10px;
font-size:13px;
line-height:1.8;
}

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

.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:sticky;
top:32px;
}

.contact-side_card{
padding:30px 28px;
border-radius:12px;
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 24px 60px rgba(30,27,46,0.18);
}

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

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

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

.contact-side_list{
margin-top:24px;
display:grid;
gap:10px;
}

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

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

.site-footer{
width:calc(100% - 280px);
margin-left:280px;
padding:10px 40px 34px;
text-align:center;
}

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