body.ar-contact-page { background: #11201d; color: #fff; }
.ar-contact-page .ar-site-header { color: #fff; }
.ar-contact-page .ar-brand small, .ar-contact-page .ar-footer { color: #b8c8c2; }
.ar-contact-page .ar-primary-nav a { color: #d8f65a; }
.ar-contact-page .ar-footer { background: #11201d; }
.ar-contact-shell { width: min(1160px, calc(100% - 40px)); min-height: 75vh; margin: auto; display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; padding: 65px 0 90px; }
.ar-contact-intro { padding-top: 24px; }
.ar-contact-eyebrow { color: #d8f65a; font-weight: 900; letter-spacing: .16em; font-size: 13px; }
.ar-contact-intro h1 { font-family: var(--ar-display); font-size: clamp(44px, 5vw, 68px); line-height: 1.04; letter-spacing: -.055em; margin: 22px 0; }
.ar-contact-intro > p:not(.ar-contact-eyebrow) { color: #b8c8c2; font-size: 18px; line-height: 1.7; }
.ar-contact-email-link { display: block; color: #d8f65a; overflow-wrap: anywhere; margin-top: 28px; line-height: 1.6; }
.ar-contact-home { display: inline-block; color: #b8c8c2; margin-top: 35px; }
.ar-contact-card { padding: 32px; border: 1px solid #3d514a; border-radius: 28px; background: radial-gradient(circle at 100% 0, rgb(216 246 90 / 7%), transparent 50%), #203630; min-width: 0; }
.ar-contact-card h2 { font-family: var(--ar-display); margin: 0 0 28px; font-size: 28px; letter-spacing: -.04em; }
.ar-contact-form { color: #fff; position: relative; }
.ar-contact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ar-contact-form label { display: block; font-size: 14px; font-weight: 750; margin-bottom: 9px; }
.ar-contact-form input:not([type="hidden"]), .ar-contact-form textarea { width: 100%; padding: 13px 15px; border: 1px solid #60756b; border-radius: 12px; background: #152a23; color: #fff; margin-bottom: 20px; font-size: 16px; }
.ar-contact-form textarea { min-height: 160px; resize: vertical; }
.ar-contact-form input:focus, .ar-contact-form textarea:focus { outline: 2px solid #d8f65a; outline-offset: 2px; }
.ar-contact-note { color: #b8c8c2; font-size: 13px; line-height: 1.6; margin: 0 0 18px; }
.ar-contact-status { color: #d8f65a; line-height: 1.6; font-weight: 700; }
.ar-contact-status:empty { display: none; }
.ar-contact-status.is-error { color: #ffaaa2; }
.ar-contact-form button { width: 100%; padding: 15px 22px; border: 0; border-radius: 13px; background: #d8f65a; color: #11201d; font-weight: 850; font-size: 16px; cursor: pointer; }
.ar-contact-form button:hover { background: #e5ff83; }
.ar-contact-form button:focus-visible { outline: 3px solid #d8f65a; outline-offset: 4px; }
.ar-contact-form button:disabled { opacity: .6; cursor: wait; }
.ar-contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ar-footer-contact { color: inherit; font-weight: 750; }
@media(max-width: 850px) { .ar-contact-shell { grid-template-columns: 1fr; gap: 30px; padding: 25px 0 50px; } .ar-contact-intro { padding: 0; } }
@media(max-width: 500px) { .ar-contact-fields { grid-template-columns: 1fr; gap: 0; } .ar-contact-card { padding: 22px; } }