.contact-page{color:#fff;background:#000;width:100%;max-width:100%;min-height:100%;overflow-x:clip}.contact-hero{align-items:flex-end;min-height:calc(100vh - 78px);padding:0 7vw 90px;display:flex;position:relative;overflow:hidden}.contact-hero-bg{filter:brightness(.82)contrast(1.08)saturate(1.05);background-image:url(/images/expertise-hero.webp);background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.06)}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.contact-overlay{background:linear-gradient(#0000001a,#000000b8),linear-gradient(90deg,#0000008c,#0000001f);position:absolute;inset:0}.contact-content{z-index:2;max-width:1000px;animation:1s forwards contactFadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.contact-content span{color:#00bfff;text-transform:uppercase;letter-spacing:.42em;font-size:13px}.contact-content h1{text-transform:uppercase;letter-spacing:.16em;margin:20px 0 18px;font-size:clamp(58px,10vw,150px);font-weight:300;line-height:.9}.contact-content h2{text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,78px);line-height:1}.contact-intro{max-width:1180px;margin:0 auto;padding:120px 7vw 90px}.intro-line{background:#00bfff;width:86px;height:3px;margin-bottom:38px}.contact-intro-main{letter-spacing:-.04em;max-width:1000px;margin:0;font-size:clamp(28px,4vw,58px);font-weight:300;line-height:1.08}.contact-intro-note{color:#bdbdbd;max-width:760px;margin-top:36px;font-size:18px;font-style:italic;line-height:1.8}@keyframes contactFadeUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-hero{min-height:calc(100vh - 82px);padding:0 24px 70px}.contact-content h1{letter-spacing:.06em}.contact-intro{padding:80px 24px 60px}.contact-intro-main{font-size:32px}.contact-intro-note{font-size:15px}}.expect-section{max-width:1200px;margin:0 auto;padding:40px 7vw 100px}.expect-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;display:grid}.expect-card{background:#111;border:1px solid #ffffff0f;padding:40px 30px;transition:all .4s}.expect-card h3{margin-bottom:20px;font-size:34px}.expect-card p{color:#bdbdbd;line-height:1.8}@media (max-width:900px){.expect-grid{grid-template-columns:1fr}}.contact-form-section{max-width:1200px;margin:0 auto;padding:20px 7vw 120px}.contact-form{gap:18px;margin-top:40px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background:#0d0d0d;border:1px solid #ffffff1f;outline:none;width:100%;padding:20px 18px;font-size:16px;transition:all .35s}.contact-form textarea{resize:vertical;min-height:180px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#00bfff;box-shadow:0 0 0 3px #00bfff1f}.contact-form button{color:#000;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;background:#00bfff;border:0;width:fit-content;padding:18px 38px;transition:all .35s}@media (max-width:700px){.contact-form-section{padding:20px 24px 90px}.form-row{grid-template-columns:1fr}}.contact-intro,.expect-section,.contact-form-section{border-top:1px solid #ffffff0d;animation:.9s both contactFadeUp}.expect-card,.contact-form button{will-change:transform}.contact-hero-bg{animation:18s ease-in-out infinite alternate contactHeroZoom}@keyframes contactHeroZoom{0%{transform:scale(1.04)}to{transform:scale(1.1)}}.contact-content{animation:1s forwards contactTextFade}@keyframes contactTextFade{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.expect-card{will-change:transform;transition:all .45s}.expect-card:hover{border-color:#00bfff;transform:translateY(-10px);box-shadow:0 24px 70px #00bfff29}.contact-form input,.contact-form select,.contact-form textarea{transition:all .35s}.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#00bfff8c}.contact-form button{transition:all .35s;position:relative;overflow:hidden}.contact-form button:hover{transform:translateY(-4px);box-shadow:0 20px 45px #00bfff59}.form-success{color:#00d26a;text-align:center;margin-top:20px}.form-error{color:#ff4d4f;text-align:center;margin-top:20px}
