.contact-page{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;color:#143b57;color-scheme:light;background:#70bce9 url('/assets/oludeniz-contact-real.webp') left center/cover fixed no-repeat}
.contact-scene{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:0;pointer-events:none;animation:sky-glide 32s ease-in-out infinite alternate}
.contact-page::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#d7f4ff78,#b7e9ff16 62%,transparent),linear-gradient(0deg,#e0f9ff20,transparent 68%)}
.contact-air{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.contact-air::before,.contact-air::after{content:"";position:absolute;width:62vw;height:12vw;min-height:105px;border-radius:50%;filter:blur(26px);background:linear-gradient(90deg,transparent,#fffefd99,transparent);animation:contact-cloud 27s linear infinite alternate}
.contact-air::before{top:8%;left:-25vw}.contact-air::after{top:33%;left:55vw;opacity:.55;animation-duration:40s;animation-direction:alternate-reverse}
.contact-glider{position:absolute;width:clamp(42px,6vw,100px);height:auto;filter:drop-shadow(0 7px 12px #17497757);animation:contact-soar 24s ease-in-out infinite alternate}
.contact-glider-one{top:17%;left:63%;animation-delay:-5s}.contact-glider-two{top:35%;left:87%;width:clamp(25px,3vw,50px);opacity:.8;animation-duration:31s;animation-delay:-13s}
.contact-page main{position:relative;z-index:3;max-width:760px;padding:clamp(20px,3vw,36px);border-radius:28px;background:#effaffeb;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border:1px solid #fff;box-shadow:0 20px 80px #0f57874f;color:#133d59}
.contact-page section{background:#ffffffbb;border-color:#b7dce8;box-shadow:0 9px 28px #4385a629}
.contact-page section input,.contact-page section select,.contact-page section textarea{background:#f7fdff;color:#173c59;border:1px solid #9ac4d8}
.contact-page h1{color:#0b4770}.contact-page a{color:#075a91;text-decoration:underline}.contact-page button{background:#0875b6;color:white;border:1px solid #086394}.contact-page button:hover{background:#075e98}.contact-page #message{color:#075a91}
@keyframes sky-glide{from{transform:scale(1.02) translate(-.4%,0)}to{transform:scale(1.12) translate(.8%,-.4%)}}
@keyframes contact-cloud{from{transform:translateX(-7vw)}to{transform:translateX(38vw) translateY(-2vw)}}
@keyframes contact-soar{0%{transform:translate3d(-5vw,3vh,0) rotate(-8deg)}50%{transform:translate3d(2vw,-2vh,0) rotate(5deg)}100%{transform:translate3d(9vw,5vh,0) rotate(-3deg)}}
@media(max-width:600px){.contact-scene{object-position:60% center}.contact-page::after{background:#ecfaff38}.contact-page main{padding:18px;background:#effaffeb}.contact-page section{margin:18px 0}.contact-glider-one{top:7%;left:75%}.contact-glider-two{display:none}}
@media(prefers-reduced-motion:reduce){.contact-scene,.contact-air::before,.contact-air::after,.contact-glider{animation:none}}

.contact-page main{margin-left:clamp(18px,3vw,52px);margin-right:auto;max-width:min(600px,48vw)}
.contact-place{position:fixed;z-index:3;top:8vh;right:4vw;display:grid;gap:2px;max-width:310px;padding:16px 20px;border-radius:20px;background:#e5f9ffb8;border:1px solid #fff9;box-shadow:0 15px 40px #0b53604a;backdrop-filter:blur(16px);color:#10415d;text-shadow:0 1px #fff8}
.contact-place small{font-size:10px;letter-spacing:2px;font-weight:800;color:#145675}.contact-place strong{font-size:clamp(25px,3vw,40px);line-height:1.1}.contact-place span{font-size:12px}
@media(max-width:820px){.contact-page main{max-width:740px;margin:0 auto}.contact-place{position:relative;top:auto;right:auto;margin:0 auto 16px;max-width:740px}.contact-scene{object-position:62% center}}