/* Fluent Forms in the OmniPATH dark style (omnipath/form). */
.op-form .fluentform .ff-el-group{margin-bottom:18px}
.op-form .fluentform .ff-el-input--label label{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--dim);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}
.op-form .fluentform .ff-el-is-required .ff-el-input--label label::after,.op-form .fluentform .ff-el-is-required.asterisk-right label::after{color:var(--mint)}
.op-form .fluentform input[type="text"],.op-form .fluentform input[type="email"],.op-form .fluentform input[type="tel"],.op-form .fluentform input[type="number"],.op-form .fluentform input[type="url"],.op-form .fluentform select,.op-form .fluentform textarea{font-family:var(--font);font-size:16px;font-weight:400;padding:12px 14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);width:100%;min-height:46px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.op-form .fluentform input::placeholder,.op-form .fluentform textarea::placeholder{color:var(--muted);opacity:1}
.op-form .fluentform input:hover,.op-form .fluentform select:hover,.op-form .fluentform textarea:hover{border-color:rgba(255,255,255,.18)}
.op-form .fluentform input:focus,.op-form .fluentform select:focus,.op-form .fluentform textarea:focus{border-color:var(--mint);background:rgba(0,0,0,.35);box-shadow:0 0 0 3px rgba(0,254,206,.12)}
.op-form .fluentform select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9C6D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:36px;cursor:pointer}
.op-form .fluentform select option{background:#0B1C2D;color:var(--text)}
.op-form .fluentform textarea{resize:vertical;min-height:110px;line-height:1.5}
.op-form .fluentform .ff-t-container{gap:14px}
.op-form .fluentform .ff-el-form-check label,.op-form .fluentform .ff-el-form-check-label{color:var(--text);font-size:15px}
.op-form .fluentform input[type="checkbox"],.op-form .fluentform input[type="radio"]{accent-color:var(--mint);width:18px;height:18px}
.op-form .fluentform .ff-btn-submit,.op-form .fluentform button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;margin-top:8px;padding:.9rem 1.6rem;border:0;border-radius:100px;background:var(--mint) !important;color:#06121C !important;font:600 15px/1 var(--font);cursor:pointer;transition:transform .2s,box-shadow .2s}
.op-form .fluentform .ff-btn-submit:hover,.op-form .fluentform button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(0,254,206,.25)}
.op-form .fluentform .ff-btn-submit:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.op-form .fluentform .error,.op-form .fluentform .text-danger{color:#FF8FA3;font-size:13px;margin-top:6px}
.op-form .ff-message-success{color:var(--text);font-size:15px;padding:16px;background:rgba(0,254,206,.08);border:1px solid rgba(0,254,206,.2);border-radius:12px}
.op-form .ff-errors-in-stack{color:#FF8FA3}
.op-form-fallback a{color:var(--mint)}
@media (max-width:640px){.op-form .fluentform .ff-t-container{flex-direction:column;gap:0}}
html[data-motion="off"] .op-form .fluentform .ff-btn-submit{transition:none}