.version.home_modern_mobile{color:#000015;background-color:#e0bfa2;}
#contacts-anchor{
position:relative;
top:-124px;
margin-bottom:-124px;
}
#contacts{
display:block;
position:relative;
top:-124px;
width:1px;
height:0;
margin:0 0 -124px 0 !important;
left:auto;
}
#contacts-modern-mobile{
width:380px;
margin-top:34px;
margin-bottom:18px;
position:relative;
overflow:hidden;
border-radius:24px;
background:linear-gradient(145deg,#0f2a4c 0%,#163d69 58%,#102542 100%);
color:#ffffff;
box-shadow:0 22px 56px rgba(7,21,39,0.2);
}
#contacts-modern-mobile:before,
#contacts-modern-mobile:after{
content:"";
position:absolute;
border-radius:999px;
pointer-events:none;
opacity:.5;
filter:blur(6px);
animation:contactsMobileDrift 14s ease-in-out infinite;
}
#contacts-modern-mobile:before{
width:180px;
height:180px;
top:-70px;
right:-45px;
background:radial-gradient(circle,#d9b98f 0%,rgba(217,185,143,0) 72%);
}
#contacts-modern-mobile:after{
width:220px;
height:220px;
left:-70px;
bottom:-120px;
background:radial-gradient(circle,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 72%);
animation-duration:18s;
}
#contacts-modern-mobile .contacts-shell{
position:relative;
z-index:2;
padding:24px 20px 22px;
}
#contacts-modern-mobile .contacts-kicker{
margin:0 0 8px;
font:700 11px/14px open-sans,sans-serif;
letter-spacing:1.6px;
text-transform:uppercase;
color:#d9c7a8;
}
#contacts-modern-mobile .contacts-title{
margin:0;
font:700 30px/31px Ubuntu,sans-serif;
}
#contacts-modern-mobile .contacts-text{
margin:14px 0 0;
font:300 15px/24px open-sans,sans-serif;
color:rgba(255,255,255,0.88);
}
#contacts-modern-mobile .contacts-actions{
display:flex;
flex-direction:column;
gap:12px;
margin-top:22px;
}
#contacts-modern-mobile .contacts-action-primary,
#contacts-modern-mobile .contacts-action-secondary{
display:flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 18px;
border-radius:999px;
font:700 14px/18px open-sans,sans-serif;
text-transform:uppercase;
letter-spacing:0.8px;
text-decoration:none;
}
#contacts-modern-mobile .contacts-action-primary{
background:#f5ebdd;
color:#12325b;
border:1px solid #ecd8bc;
}
#contacts-modern-mobile .contacts-action-secondary{
background:rgba(255,255,255,0.08);
color:#ffffff;
border:1px solid rgba(255,255,255,0.18);
}
#contacts-modern-mobile .contacts-grid{
display:grid;
gap:12px;
margin-top:22px;
}
#contacts-modern-mobile .contact-card{
padding:16px 16px 15px;
border-radius:18px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.16);
backdrop-filter:blur(10px);
}
#contacts-modern-mobile .contact-card-label{
margin:0 0 5px;
font:700 10px/13px open-sans,sans-serif;
letter-spacing:1.3px;
text-transform:uppercase;
color:#d9c7a8;
}
#contacts-modern-mobile .contact-card-value{
margin:0;
font:700 22px/24px Ubuntu,sans-serif;
}
#contacts-modern-mobile .contact-card-value a{
color:#ffffff;
text-decoration:none;
}
#contacts-modern-mobile .contact-card-note{
margin:7px 0 0;
font:300 13px/20px open-sans,sans-serif;
color:rgba(255,255,255,0.82);
}
#contacts-modern-mobile.contacts-ready .contacts-kicker,
#contacts-modern-mobile.contacts-ready .contacts-title,
#contacts-modern-mobile.contacts-ready .contacts-text,
#contacts-modern-mobile.contacts-ready .contacts-actions,
#contacts-modern-mobile.contacts-ready .contact-card{
animation:contactsMobileRise 680ms cubic-bezier(.2,.8,.2,1) both;
}
#contacts-modern-mobile.contacts-ready .contacts-title{animation-delay:80ms;}
#contacts-modern-mobile.contacts-ready .contacts-text{animation-delay:150ms;}
#contacts-modern-mobile.contacts-ready .contacts-actions{animation-delay:220ms;}
#contacts-modern-mobile.contacts-ready .contact-card:nth-child(1){animation-delay:160ms;}
#contacts-modern-mobile.contacts-ready .contact-card:nth-child(2){animation-delay:240ms;}
#contacts-modern-mobile.contacts-ready .contact-card:nth-child(3){animation-delay:320ms;}
@keyframes contactsMobileRise{
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes contactsMobileDrift{
0%,100%{transform:translate3d(0,0,0) scale(1);}
50%{transform:translate3d(14px,-10px,0) scale(1.06);}
}
