:root{--black:#050505;--white:#f5f5f2;--gray:#777;--line:#777;--pad:clamp(28px,7.5vw,148px)}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:"Inter Variable","PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:-.035em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
.contact-header{height:62px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#f4f4f4;color:#080808;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;position:relative;z-index:2}
.contact-header__back{text-align:center}
.contact-header__mail{text-align:right}
.contact-page{min-height:calc(100vh - 62px);padding:50px var(--pad) 72px}
.contact-page__meta{display:flex;justify-content:space-between;color:#777;font-size:13px;letter-spacing:.04em;border-bottom:1px solid #333;padding-bottom:18px}
.contact-form-wrap{padding-top:38px}
.contact-form-wrap__intro p{color:#777;font-size:14px;letter-spacing:.02em;margin:0 0 20px}
.contact-form-wrap__intro h1{font-size:clamp(64px,7vw,112px);line-height:.9;letter-spacing:-.075em;margin:0 0 70px}
.contact-form{width:100%}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-field{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:52px;cursor:text}
.contact-field span{font-size:20px;font-weight:650;margin-bottom:12px}
.contact-field input,.contact-field textarea{width:100%;border:0;outline:0;background:transparent;color:#fff;border-radius:0;padding:0;font-size:16px;line-height:1.5}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#666;opacity:1}
.contact-field:focus-within{border-color:#fff}
.contact-field--message{margin-bottom:62px}
.contact-field textarea{min-height:128px;resize:vertical}
.contact-submit{width:100%;height:62px;border:0;background:#f5f5f2;color:#080808;padding:0 26px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:700;cursor:pointer;transition:background .25s,color .25s}
.contact-submit:hover,.contact-submit:focus-visible{background:#c9ff35}
.contact-submit:disabled{cursor:wait;opacity:.7}
.contact-form__status{min-height:22px;margin:16px 0 0;color:#aaa;font-size:14px;text-align:center}
.contact-footer{border-top:1px solid #333;display:flex;justify-content:space-between;padding:22px 40px 30px;color:#777;font-size:13px}
@media(max-width:760px){
  :root{--pad:20px}
  .contact-header{height:58px;padding:0 18px;grid-template-columns:1fr auto;font-size:14px}.contact-header__mail{display:none}.contact-header__back{text-align:right}
  .contact-page{min-height:calc(100vh - 58px);padding-top:28px;padding-bottom:55px}.contact-form-wrap{padding-top:28px}.contact-form-wrap__intro h1{font-size:64px;margin-bottom:58px}.contact-form-wrap__intro p{font-size:13px}
  .contact-form__row{grid-template-columns:1fr;gap:0}.contact-field{margin-bottom:40px}.contact-field span{font-size:18px}.contact-field--message{margin-bottom:48px}.contact-field textarea{min-height:150px}.contact-submit{height:58px}
  .contact-footer{padding:20px;gap:20px;flex-direction:column}
}
@media(max-width:359px){.contact-form-wrap__intro h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}