.contact-page{min-height:100svh;background:#edf1f5}.contact-back{pointer-events:auto;border-radius:999px;padding:11px 17px;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.contact-main{position:relative;min-height:calc(100svh - 16px);margin:8px;border-radius:30px;overflow:hidden;display:grid;align-items:end;background:#dce2e8}.contact-background{position:absolute;inset:0;background:url('../img/background_aboutme.jpg') center/cover no-repeat;filter:saturate(.75) brightness(1.05);transform:scale(1.02)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,243,247,.84) 0%,rgba(239,243,247,.24) 72%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(220,227,234,.34))}.contact-inner{position:relative;z-index:2;padding:160px clamp(24px,6vw,90px) 105px;max-width:1250px;color:#181a1d}.contact-inner h1{font-size:clamp(72px,12vw,190px);line-height:.78;letter-spacing:-.065em;text-transform:uppercase;font-weight:520;margin:0}.contact-intro{max-width:590px;margin:45px 0 35px;color:#454b53;font-size:clamp(15px,1.4vw,20px);line-height:1.7}.contact-mail{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:9px 10px 9px 22px;border-radius:999px;font-size:clamp(12px,1.1vw,15px)}.contact-mail i{font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72)}.contact-socials{display:flex;gap:28px;margin-top:35px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.contact-socials a:hover{color:var(--red)}.contact-footer{position:absolute;z-index:2;left:clamp(24px,6vw,90px);right:clamp(24px,6vw,90px);bottom:24px;border-top:1px solid rgba(35,40,46,.13);padding-top:16px;display:flex;justify-content:space-between;color:#676d75;font-size:10px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:650px){.contact-main{align-items:center}.contact-inner{padding-top:130px;padding-bottom:150px}.contact-mail{width:100%;gap:10px}.contact-mail span{font-size:11px}.contact-footer{flex-direction:column;gap:8px}}

html[data-theme="dark"] .contact-page{background:#20242a}html[data-theme="dark"] .contact-main{background:#30363e}html[data-theme="dark"] .contact-background{filter:saturate(.68) brightness(.67)}html[data-theme="dark"] .contact-shade{background:linear-gradient(90deg,rgba(28,33,39,.82) 0%,rgba(28,33,39,.26) 72%),linear-gradient(180deg,rgba(20,24,29,.06),rgba(25,30,36,.40))}html[data-theme="dark"] .contact-inner{color:#f5f6f8}html[data-theme="dark"] .contact-intro{color:#d3d8de}html[data-theme="dark"] .contact-footer{border-color:rgba(255,255,255,.13);color:#bbc1c9}html[data-theme="dark"] .contact-mail i{background:rgba(255,255,255,.11)}html[data-theme="dark"] .contact-socials a:hover{color:#d98b92}