.contact-page{color-scheme:dark}
.contact-page .contact-main{max-width:1040px;margin-inline:auto;padding-top:36px;padding-bottom:64px}
.contact-breadcrumb{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#cfccd8;margin-bottom:22px}
.contact-breadcrumb a{color:#aba7b8}.contact-breadcrumb [aria-current]{color:#f2f0f7}
.contact-panel{padding:40px;border-radius:32px;border:1px solid #ffffff40;border-top-color:#ffffff66;background:linear-gradient(130deg,#ffffff07,transparent 60%),#141519bb;box-shadow:0 24px 70px #0005,inset 0 1px 0 #ffffff12;backdrop-filter:blur(34px);-webkit-backdrop-filter:blur(34px)}
.contact-heading{text-align:center;margin-bottom:34px}
.contact-emblem{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 22px;border:1px solid #ffffff40;border-radius:28px;background:linear-gradient(140deg,#ffffff14,#c5adff0b);box-shadow:inset 0 1px 0 #ffffff25,0 12px 32px #0003;color:#d3c6ee}
.contact-emblem svg{width:40px;height:40px}
.contact-kicker{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#c8bfd9;margin:0 0 12px}
.contact-heading h1{font:700 clamp(2rem,4vw,3rem)/1.1 system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 12px}
.contact-heading>p:last-child{color:#bab7c5;font-size:1rem;line-height:1.6;margin:0}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.contact-field{min-width:0}.contact-field label{display:block;font-size:.875rem;font-weight:600;color:#e9e6f0;margin-bottom:10px}.contact-field label span{color:#b8adcc}
.contact-input{display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #ffffff35;border-radius:13px;background:#0c0d1188;min-height:52px}
.contact-input svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:#a9a2b8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-page .contact-input input{width:100%;min-width:0;background:transparent;border:0;color:#f2eff8;padding:14px 0;outline:0;font:400 1rem/1.5 system-ui,sans-serif}
.contact-page .contact-field select,.contact-page .contact-field textarea{width:100%;border:1px solid #ffffff35;border-radius:13px;background:#0c0d1188;color:#f2eff8;padding:14px 16px;font:400 1rem/1.5 system-ui,sans-serif;min-height:52px}
.contact-page .contact-field select{padding-right:12px}.contact-field option{background:#1b1c22;color:#f2eff8}
.contact-message{grid-column:1/-1}.contact-page .contact-field textarea{resize:vertical;min-height:160px;display:block}
.contact-input:focus-within,.contact-page .contact-field select:focus-visible,.contact-page .contact-field textarea:focus-visible{border-color:#d4bcff;outline:2px solid #d4bcff;outline-offset:3px}
.contact-page input::placeholder,.contact-page textarea::placeholder{color:#a29dac;opacity:1}
.contact-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-submit p{margin:0;max-width:580px;color:#b7b0c1;font-size:.8125rem;line-height:1.6}.contact-submit button{min-height:48px;min-width:136px;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}
.contact-status{grid-column:1/-1;margin:0;border:1px solid #ffffff40;border-radius:14px;padding:16px 20px;background:#ffffff08;color:#e9e1f7;font-size:.9375rem;line-height:1.6}
.contact-status[hidden]{display:none}.contact-breadcrumb a:focus-visible{outline:2px solid #d4bcff;outline-offset:5px}
@media(max-width:640px){.contact-page .contact-main{padding:24px 16px 40px}.contact-panel{padding:28px 20px;border-radius:24px}.contact-heading{margin-bottom:28px}.contact-form{grid-template-columns:minmax(0,1fr);gap:20px}.contact-submit{flex-direction:column;align-items:stretch;gap:18px}.contact-submit button{width:100%}.contact-emblem{width:72px;height:72px;border-radius:24px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.contact-panel{background:#17181e;backdrop-filter:none;-webkit-backdrop-filter:none}.contact-input,.contact-page .contact-field select,.contact-page .contact-field textarea{background:#0c0d11;border-color:#ffffff80}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.contact-panel{background:#17181e}}