.contact-heading{padding-top:165px;padding-bottom:65px;text-align:center}.contact-heading h1{font-size:clamp(40px,5vw,66px);font-weight:450;line-height:1.1;margin:24px 0}.contact-heading h1 em{color:#b99af1;font-style:normal}.contact-heading>p{max-width:680px;margin:auto;color:var(--site-muted);font-size:18px;line-height:1.65}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:110px;align-items:start}.contact-aside{padding:20px 0}.contact-aside h2{font-size:32px;font-weight:450;line-height:1.2;margin:28px 0 15px}.contact-aside>p{color:var(--site-muted);max-width:390px}.contact-illustration{height:180px;position:relative;background:#bca4e8;border-radius:24px;max-width:420px;overflow:hidden;isolation:isolate}.contact-orbit{position:absolute;border:1px solid #ffffff80;width:260px;height:260px;border-radius:50%;top:-43px;left:22%;z-index:-1}.contact-envelope{position:absolute;left:23%;top:26px;width:170px;height:125px;background:#20262d;transform:rotate(-9deg);border-radius:18px;box-shadow:0 18px 28px #29233c30;display:grid;place-items:center}.contact-envelope svg{width:122px;stroke:#d9c9f4;stroke-width:1}.contact-envelope>span{position:absolute;bottom:25px;font:22px Georgia,serif;color:#c6f56f}.contact-spark{position:absolute;left:11%;top:24px;font-size:55px;color:#fdfbf4}.contact-note{position:absolute;right:12%;bottom:22px;background:#c6f56f;width:57px;height:57px;display:grid;place-items:center;border-radius:16px;transform:rotate(12deg);font-size:30px;color:#263126}
.contact-direct{margin:25px 0 30px}.contact-direct>a{display:block;padding:17px 0;border-bottom:1px solid var(--site-border)}.contact-direct span{color:var(--site-muted);font-size:13px;display:block;margin-bottom:5px}.contact-direct strong{font-size:20px;font-weight:450;display:flex;justify-content:space-between}.contact-direct i{font-style:normal;color:#b99af1}.contact-support{display:flex;gap:16px;border:1px solid var(--site-border);border-radius:18px;padding:24px}.contact-support>span{font-size:30px;line-height:1;color:#c6f56f}.contact-support h3{font-size:18px;font-weight:500;line-height:1.3}.contact-support p{font-size:14px;line-height:1.65;color:var(--site-muted);margin:12px 0}.contact-support a{font-size:14px;color:#cdb5fa}
.contact-panel{background:#191e27;border:1px solid var(--site-border);border-radius:28px;padding:38px;min-width:0}.contact-panel h2{font-size:30px;font-weight:450}.contact-form-hint{color:var(--site-muted);font-size:14px;margin:12px 0 30px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}.contact-field{min-width:0}.contact-field label{display:block;font-size:14px;margin-bottom:9px}.contact-field label>span{color:#c7a6ff}.contact-field label small{color:var(--site-muted);font-size:11px;margin-left:5px}.contact-field :is(input,select,textarea){width:100%;padding:13px 14px;background:#11161e;color:var(--site-text);border:1px solid #39404c;border-radius:10px;font:inherit;font-size:15px;line-height:1.5;min-height:48px}.contact-field textarea{resize:vertical;min-height:150px;max-height:600px}.contact-field :is(input,select,textarea):focus-visible{outline:2px solid #b99af1;outline-offset:3px}.contact-field textarea::placeholder{color:var(--site-muted);opacity:.85}.contact-wide{grid-column:1/-1}.contact-field>small{font-size:12px;color:var(--site-muted)}.contact-notice{font-size:12px;line-height:1.7;color:var(--site-muted);margin:23px 0 22px}.contact-submit{width:100%;justify-content:space-between;border-radius:999px;padding:16px 23px}.contact-submit i{font-style:normal;font-size:20px}.contact-submit:disabled{opacity:.65;cursor:wait;transform:none}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-field .field-validation-error{display:block;color:#ffb6ac;font-size:12px;margin-top:6px}.contact-field .input-validation-error{border-color:#ffb6ac}.contact-errors{background:#482c303d;border:1px solid #ba7477;border-radius:14px;padding:15px 20px;margin:0 0 26px;color:#ffc7c5;font-size:14px}.contact-errors ul{margin:0;padding-left:17px}.contact-success{background:#c6f56f;color:#233025;padding:25px;border-radius:18px;margin-bottom:30px}.contact-success>span{display:block;font-size:27px;margin-bottom:10px}.contact-success h2{font-size:25px}.contact-success p{font-size:14px;margin-top:12px}
[data-theme="light"] .contact-panel{background:#f7f8fa}[data-theme="light"] .contact-heading h1 em{color:#7942d1}[data-theme="light"] .contact-field :is(input,select,textarea){background:#fff;border-color:#d9dce4}[data-theme="light"] .contact-field label>span,[data-theme="light"] .contact-support a,[data-theme="light"] .contact-support>span{color:#7942d1}[data-theme="light"] .contact-field .field-validation-error{color:#a32636}[data-theme="light"] .contact-errors{background:#fff1f2;color:#9a2736}
@media(max-width:1000px){.contact-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.contact-panel{padding:28px}.contact-fields{grid-template-columns:1fr}.contact-envelope{left:19%}.contact-note{right:8%}}
@media(max-width:700px){.contact-heading{padding-top:125px;padding-bottom:35px;text-align:left}.contact-heading h1{font-size:40px}.contact-heading>p{font-size:16px}.contact-layout{grid-template-columns:1fr;gap:32px;padding-bottom:65px}.contact-panel{padding:25px 20px;border-radius:22px;grid-row:1}.contact-panel h2{font-size:27px}.contact-aside{padding:0}.contact-illustration{max-width:none}.contact-aside h2{font-size:29px}.contact-support{padding:22px}.contact-form-hint{margin-bottom:25px}.contact-heading .pill-label{font-size:10px}}
