body[data-page="contact"]{--red:#ff0f45;background:#0a0a0a;color:#f4f4f5}
.contact-hero{padding:85px 6% 70px;background:radial-gradient(ellipse at right,#ff0f4512,transparent 65%),#141414;border-bottom:1px solid #303034}
.contact-hero h1{font-size:clamp(72px,9vw,140px);margin:25px 0}
.contact-hero p{max-width:650px;font-size:20px;color:#bfc0c7;margin-bottom:25px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;padding:75px 6%;background:#0a0a0a}
.contact-aside h2,.contact-business h2{font-size:clamp(40px,4vw,64px);margin:22px 0}
.contact-aside p{color:#b4b5bd;max-width:470px}
.contact-categories{list-style:none;margin:30px 0;padding:0;border-top:1px solid #303034}
.contact-categories li{padding:18px 0;border-bottom:1px solid #303034;font-size:17px;color:#e2e2e5}
.contact-categories li:before{content:'↗';color:#ff0f45;margin-right:15px}
.contact-community{padding:30px 0;margin-top:28px}.contact-community h3{font-size:29px;margin:20px 0}
.contact-form-panel{background:#181818;border:1px solid #353539;border-top:2px solid #ff0f45;padding:36px;min-width:0}
.contact-form-panel h2{font-size:42px;margin:20px 0 30px}
#contact-form label{display:block;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:20px}
#contact-form input,#contact-form textarea,#contact-form select{display:block;width:100%;min-height:50px;padding:14px;background:#0d0d0e;border:1px solid #44444b;border-radius:0;color:#f3f3f5;font:400 16px 'Barlow',sans-serif;margin-top:9px}
#contact-form textarea{resize:vertical;line-height:1.6}
#contact-form :is(input,select,textarea):focus-visible{outline:2px solid #ff0f45;outline-offset:2px;border-color:#ff0f45}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#contact-form .contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-form .contact-privacy{font-size:13px;color:#a6a6b0;line-height:1.65}
#contact-status{min-height:26px;color:#b8c9bc;font-size:15px}#contact-status.error,#inbox-status.error{color:#ff8aa8}
#contact-send{width:100%;margin-top:10px;justify-content:space-between;cursor:pointer}#contact-send:disabled{opacity:.6;cursor:wait}
.contact-business{padding:65px 6%;background:#202020;border-block:1px solid #353539}.contact-business p{color:#bfc0c7;max-width:700px;font-size:17px}
.contact-inbox-tools{display:flex;align-items:end;gap:20px}.contact-inbox-tools label{min-width:220px}
.contact-message{padding:26px;background:#14171d;border:1px solid #343943;margin:18px 0;border-left:3px solid #ff0f45;overflow-wrap:anywhere}.contact-message header{position:static;display:flex;justify-content:space-between;align-items:start;gap:25px;background:none;padding:0;border:0;height:auto}.contact-message h2{font-size:24px}.contact-message .message-meta{font-size:13px;color:#aeb8c9;line-height:1.8}.contact-message .message-body{white-space:pre-wrap;color:#e2e5ec;line-height:1.8;font-size:16px;border-block:1px solid #303540;padding:20px 0;margin:20px 0}.contact-message footer{display:flex;align-items:end;gap:18px;padding:0;border:0;background:none}.contact-message footer label{margin:0;min-width:170px}.contact-message footer select{margin-bottom:0}.contact-message .contact-update-status{font-size:13px}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:30px}.contact-aside h2 br{display:none}.contact-community{margin:0;padding-bottom:0}.contact-hero{padding-top:55px}.contact-hero p{font-size:18px}}
@media(max-width:520px){.contact-hero,.contact-layout,.contact-business{padding:45px 6%}.contact-form-panel{padding:24px 18px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-form-panel h2{font-size:36px}.contact-inbox-tools,.contact-message header,.contact-message footer{flex-direction:column;align-items:stretch}.contact-message{padding:20px}}