.elementor-463 .elementor-element.elementor-element-4ee2957{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-0fbbc3f *//* Onelith contact form styles (matches onelith.com: near-black, electric lime, rounded cards).
   Paste into Elementor > Page Settings > Advanced > Custom CSS (or Site Settings > Custom CSS).
   Everything is scoped to .olc */

.olc {
  --olc-bg: #08080c;
  --olc-card: #0f0f15;
  --olc-text: #d9dbe3;
  --olc-muted: #8e91a0;
  --olc-lime: #d4ff2f;
  --olc-line: #2a2a36;
  --olc-err: #ff6b6b;

  /* full-width: no side gaps inside a boxed Elementor container */
  width: 100vw; max-width: 100vw; position: relative;
  left: 50%; margin-left: -50vw; margin-right: -50vw;

  background-color: var(--olc-bg);
  background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 28px 28px;
  color: var(--olc-text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6; padding: 88px 20px 96px; box-sizing: border-box; overflow-x: clip;
}
.olc *, .olc *::before, .olc *::after { box-sizing: border-box; }
body { overflow-x: clip; background: #08080c; }

.olc-wrap { position: relative; max-width: 680px; margin: 0 auto; text-align: center; }
.olc-wrap::before {
  content: ""; position: absolute; left: 50%; top: -140px; width: 560px; height: 300px;
  transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(closest-side, rgba(212,255,47,.13), transparent 70%);
}
.olc-pill {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 6px 16px 6px 8px; border: 1px solid #23232d; background: var(--olc-card);
  border-radius: 999px; color: #fff; font-size: 14px; font-weight: 500;
}
.olc-pill i { width: 22px; height: 22px; border-radius: 50%; background: var(--olc-lime); display: inline-block; }
.olc h2 { position: relative; font-size: clamp(32px, 5vw, 48px); line-height: 1.1; color: #fff; margin: 22px 0 12px; letter-spacing: -.02em; font-weight: 700; }
.olc h2 em { font-style: normal; color: var(--olc-lime); }
.olc-sub { position: relative; color: var(--olc-muted); margin: 0 auto 32px; font-size: 17px; max-width: 540px; }

.olc-form { position: relative; text-align: left; background: var(--olc-card); border: 1px solid #23232d; border-radius: 20px; padding: 30px; }
.olc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.olc-field { margin-bottom: 18px; }
.olc label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 6px; color: #fff; }
.olc label span { color: var(--olc-muted); font-weight: 400; }

/* text inputs + textarea */
.olc input:not([type="hidden"]):not([type="checkbox"]),
.olc textarea {
  width: 100%; background-color: var(--olc-bg) !important; color: #fff !important;
  border: 1px solid var(--olc-line) !important; border-radius: 10px !important;
  padding: 12px 14px !important; font: inherit; font-size: 16px; outline: none; box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
}
.olc textarea { min-height: 110px; resize: vertical; }

/* ---------- DROPDOWNS (fixed) ----------
   - wrapper draws the arrow, so theme/Elementor styles on <select> can't remove it
   - color-scheme: dark + option colors fix white-on-white lists
   - fixed height so all dropdowns match inputs */
.olc-select { position: relative; }
.olc-select::after {
  content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; margin-top: -6px;
  border-right: 2px solid var(--olc-lime); border-bottom: 2px solid var(--olc-lime);
  transform: rotate(45deg); pointer-events: none;
}
.olc select {
  display: block; width: 100%; height: 48px; margin: 0;
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
  background-color: var(--olc-bg) !important; background-image: none !important;
  color: #fff !important; color-scheme: dark;
  border: 1px solid var(--olc-line) !important; border-radius: 10px !important;
  padding: 0 44px 0 14px !important; font: inherit; font-size: 16px; line-height: normal;
  cursor: pointer; outline: none; box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
}
.olc select option { background-color: #0f0f15; color: #fff; }
.olc select option[value=""] { color: #8e91a0; }

.olc input:focus, .olc select:focus, .olc textarea:focus {
  border-color: var(--olc-lime) !important; box-shadow: 0 0 0 3px rgba(212,255,47,.16) !important;
}
.olc .olc-bad { border-color: var(--olc-err) !important; }
.olc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.olc-warn { font-size: 13px; color: var(--olc-muted); margin: -6px 0 18px; }
.olc button[type="submit"] {
  display: block; width: 100%; background: var(--olc-lime); color: #08080c; border: 0; border-radius: 10px;
  padding: 15px 20px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; transition: transform .12s, opacity .15s;
}
.olc button[type="submit"]:hover { opacity: .9; transform: translateY(-1px); }
.olc button[type="submit"][disabled] { opacity: .6; cursor: not-allowed; transform: none; }
.olc-note { font-size: 13px; color: var(--olc-muted); margin: 14px 0 0; text-align: center; }
.olc a { color: var(--olc-lime); text-underline-offset: 3px; }
.olc a:focus-visible, .olc button:focus-visible { outline: 2px solid var(--olc-lime); outline-offset: 3px; border-radius: 6px; }

.olc-msg { display: none; border-radius: 12px; padding: 16px 18px; margin-top: 16px; font-size: 15px; color: #fff; }
.olc-ok { background: rgba(212,255,47,.09); border: 1px solid var(--olc-lime); }
.olc-fail { background: rgba(255,107,107,.1); border: 1px solid var(--olc-err); }
.olc-alt { position: relative; margin-top: 24px; color: var(--olc-muted); font-size: 15px; }

@media (max-width: 600px) {
  .olc { padding: 56px 16px 64px; }
  .olc-form { padding: 20px; border-radius: 16px; }
  .olc-row { grid-template-columns: 1fr; gap: 0; }
}
@media (prefers-reduced-motion: reduce) { .olc * { transition: none !important; } }/* End custom CSS */