.contact-page{background:radial-gradient(at 12% 30%,#06335a5c,#0000 55%),#040a13}.contact-page__main{grid-template-columns:.85fr 1.15fr;grid-template-areas:"intro form""details form";align-items:start;gap:0 clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,6vw,5rem) clamp(4rem,8vw,6.5rem);display:grid}.contact-page__intro{grid-area:intro}.contact-page__form{grid-area:form}.contact-page__details{grid-area:details}.contact-page .projects-page__back{margin-bottom:2.2rem}.contact-page h1{letter-spacing:-.025em;text-wrap:balance;margin-top:1rem;font-size:clamp(2.1rem,2.6vw,2.35rem);font-weight:720;line-height:1.08}.contact-page h1 span{color:#7abaff}.contact-page__lede{color:#a7b8ce;text-wrap:pretty;max-width:520px;margin-top:1.4rem;font-size:1.0625rem;line-height:1.75}.contact-page__steps{counter-reset:paso;gap:1rem;max-width:520px;margin:2rem 0 0;padding:0;list-style:none;display:grid}.contact-page__steps li{counter-increment:paso;grid-template-columns:30px 1fr;column-gap:.9rem;display:grid}.contact-page__steps li:before{content:counter(paso);color:#8cc4ff;border:1px solid #408df066;border-radius:50%;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:.8125rem;font-weight:650;display:grid}.contact-page__steps strong{color:#e8f1fc;font-size:.9375rem;font-weight:650}.contact-page__steps span{color:#98aac2;margin-top:.15rem;font-size:.875rem;line-height:1.6}.contact-page .contact-email{color:#8cc4ff;align-items:center;gap:.55rem;min-height:44px;margin-top:1.6rem;font-weight:600;display:inline-flex}.contact-page .contact-form{background:#081524;border-color:#629ac62b}.contact-page__aside{text-align:center;color:#8ea2bb;margin-top:1rem;font-size:.875rem}.contact-page__aside a{color:#8cc4ff;align-items:center;gap:.35rem;min-height:44px;font-weight:600;display:inline-flex}.contact-page__aside svg{width:15px}@media (width<=900px){.contact-page__main{grid-template-columns:1fr;grid-template-areas:"intro""form""details";gap:2rem}}@media (width<=767px){.contact-page__main{gap:1.6rem;padding-block:1.5rem 3.5rem}.contact-page__details,.contact-page__intro{text-align:center}.contact-page .projects-page__back{margin-bottom:1.3rem}.contact-page h1{font-size:2.2rem}.contact-page__lede{margin:1rem auto 0;font-size:.9375rem;line-height:1.65}.contact-page__steps{text-align:left;width:fit-content;margin:.4rem auto 0}.contact-page .contact-email{margin-top:1rem}}