.contact-main{--ink:#0E2A2A;--mint:#5EE2C0;--body:#5b6b64;--gold:#F2C66B;--sans:Poppins,system-ui,sans-serif}
.contact-main .hexbg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.contact-main .secx{position:relative;overflow:hidden}
.contact-main .secx>.wrap{position:relative;z-index:2}
.contact-main .cc-splitsec{position:relative}
.contact-main .cc-split{display:grid;grid-template-columns:1.02fr .98fr;min-height:640px}
.contact-main .cc-form{background:linear-gradient(160deg,#0A1D16,#0E5E46);color:#fff;position:relative;overflow:hidden;padding:72px 5.5vw}
.contact-main .cc-form::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1E8F86,#2E6FB0,#4E52A8,#7A4F9E,#1A7E60);z-index:4}
.contact-main .cc-formin{position:relative;z-index:2;max-width:540px;margin-left:auto}
.contact-main .cc-form .ey{font:700 .74rem ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#7FE0C2}
.contact-main .cc-form h1{font:800 clamp(2rem,3.4vw,2.9rem)/1.08 Poppins,system-ui,sans-serif;letter-spacing:-0.02em;margin:14px 0 12px;color:#fff}
.contact-main .cc-form .lead{font-size:1.02rem;line-height:1.6;color:rgba(255,255,255,.84);margin:0 0 26px}
.contact-main .cc-formel{display:grid;gap:15px}
.contact-main .cc-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-main .cc-field{display:grid;gap:6px}
.contact-main .cc-field label{font:700 .74rem ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#bfe3d6}
.contact-main .cc-field input,.contact-main .cc-field select,.contact-main .cc-field textarea{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 14px;color:#fff;font:500 .95rem Poppins,system-ui,sans-serif;outline:none}
.contact-main .cc-field input::placeholder,.contact-main .cc-field textarea::placeholder{color:rgba(255,255,255,.45)}
.contact-main .cc-field select{appearance:none}
.contact-main .cc-field select:has(option[value=""]:checked){color:rgba(255,255,255,.45)}
.contact-main .cc-field input:focus,.contact-main .cc-field select:focus,.contact-main .cc-field textarea:focus{border-color:#7FE0C2;background:rgba(255,255,255,.12)}
.contact-main .cc-check{display:flex;align-items:center;gap:10px;font-size:.86rem;color:rgba(255,255,255,.8);margin-top:2px}
.contact-main .cc-check input{width:17px;height:17px;accent-color:#7FE0C2}
.contact-main .cc-submit{margin-top:10px;justify-self:start;background:#fff;color:#0E5E46;border:none;border-radius:12px;padding:13px 30px;font:800 .95rem Poppins,system-ui,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.contact-main .cc-submit svg{width:16px;height:16px}
.contact-main .cc-formel[hidden]{display:none}
.contact-main .cc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-main .cc-error{color:#ffd8cc;font-size:.9rem;line-height:1.5;background:rgba(214,90,60,.16);border:1px solid rgba(230,120,90,.4);border-radius:10px;padding:12px 14px}
.contact-main .cc-error[hidden]{display:none}
.contact-main .cc-submit:disabled{opacity:.6;cursor:default}
.contact-main .cc-success{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(127,224,194,.38);border-radius:14px;padding:22px}
.contact-main .cc-success[hidden]{display:none}
.contact-main .cc-success-ic{flex:none;width:40px;height:40px;border-radius:50%;background:#7FE0C2;display:flex;align-items:center;justify-content:center}
.contact-main .cc-success-ic svg{width:22px;height:22px}
.contact-main .cc-success-tx h4{margin:0 0 6px;font:800 1.1rem Poppins,system-ui,sans-serif;color:#fff}
.contact-main .cc-success-tx p{margin:0;font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.85)}
.contact-main .cc-visual{background:#F1EFE6;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:48px}
.contact-main .cc-emblem{position:relative;z-index:2;width:100%;max-width:520px;height:auto;display:block}
.contact-main .cc-help{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-main .cc-hc{border:none;border-radius:16px;padding:28px 26px;color:#fff}
.contact-main .cc-hc .hexico{width:50px;height:50px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);margin-bottom:14px}
.contact-main .cc-hc .hexico svg{width:25px;height:25px}
.contact-main .cc-hc h4{margin:0 0 6px;font:800 1.08rem Poppins,system-ui,sans-serif;color:#fff}
.contact-main .cc-hc p{margin:0;font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.9)}
.contact-main .cc-faq{max-width:880px;margin:0 auto;display:grid;gap:12px}
.contact-main .cc-q{border:1px solid #E7E2D6;border-left:3px solid #1A7E60;border-radius:12px;padding:18px 22px;background:rgba(255,255,255,.5)}
.contact-main .cc-q h4{margin:0 0 5px;font:800 .98rem Poppins,system-ui,sans-serif;color:#0B2119}
.contact-main .cc-q p{margin:0;font-size:.9rem;line-height:1.55;color:#4a564f}
.contact-main .cc-vwrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:560px}
.contact-main .cc-veyebrow{font:700 .72rem ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#1A7E60;margin-bottom:4px}
.contact-main .cc-vcap{margin:8px 0 0;text-align:center;font-size:.92rem;line-height:1.55;color:#5c6a63;max-width:420px}
.contact-main .cc-vcap b{color:#0B2119;font-weight:700}
.contact-main .cc-splitsec{
  background:
    radial-gradient(120% 90% at 12% 0%, #143B33 0%, #0E2A2A 45%, #0B2122 100%);
  color: #EAF3EF;
}
.contact-main .cc-visual,
.contact-main .cc-split > *{
  background: transparent;
}
.contact-main .cc-splitsec h1,
.contact-main .cc-splitsec h2,
.contact-main .cc-splitsec h3{ color: #FFFFFF; }
.contact-main .cc-splitsec p,
.contact-main .cc-splitsec .lead,
.contact-main .cc-splitsec label{ color: #B9D3C9; }
.contact-main .cc-splitsec .eyebrow{ color: var(--mint, #5EE2C0); }
.contact-main .cc-splitsec a{ color: var(--mint, #5EE2C0); }
.contact-main .cc-splitsec input,
.contact-main .cc-splitsec textarea,
.contact-main .cc-splitsec select{
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(201, 241, 229, .22);
  color: #FFFFFF;
}
.contact-main .cc-splitsec input::placeholder,
.contact-main .cc-splitsec textarea::placeholder{ color: #7FA396; }
.contact-main .cc-splitsec input:focus,
.contact-main .cc-splitsec textarea:focus,
.contact-main .cc-splitsec select:focus{
  outline: 2px solid var(--mint, #5EE2C0);
  outline-offset: 1px;
  border-color: transparent;
}
.contact-main .cc-splitsec .btn-primary,
.contact-main .cc-splitsec button[type="submit"]{
  background: var(--mint, #5EE2C0);
  color: #0B2122;
  border-color: transparent;
}
.contact-main .hexbg{ opacity: .5; }
.contact-main .hexbg [fill]:not([fill="none"]){ fill: #5EE2C0; fill-opacity: .07; }
.contact-main .hexbg [stroke]:not([stroke="none"]){ stroke: #5EE2C0; stroke-opacity: .10; }
.contact-main .cc-visual svg [data-cell],
.contact-main .cc-visual svg polygon,
.contact-main .cc-visual svg path[data-hex]{
  transition: fill .2s ease;
}
.contact-main .cc-visual .eco-1{ fill: #5EE2C0; }
.contact-main .cc-visual .eco-2{ fill: #2BB593; }
.contact-main .cc-visual .eco-3{ fill: #1A7E60; }
.contact-main .cc-visual .eco-4{ fill: #14685A; }
.contact-main .cc-visual .eco-5{ fill: #0F5247; }
.contact-main .cc-visual .eco-6{ fill: var(--gold, #F2C66B); }
.contact-main .cc-visual .eco-core{ fill: #0B2122; stroke: #5EE2C0; stroke-opacity: .5; }
.contact-main .cc-visual .eco-ghost{
  fill: none; stroke: #5EE2C0; stroke-opacity: .22;
}
.contact-main .cc-visual .eco-mark{ color: var(--mint, #5EE2C0); }
.contact-main .cc-visual .eco-icon{ stroke: #062018; fill: none; }
.contact-main .cc-visual .eco-6 + .eco-icon,
.contact-main .cc-visual .eco-core + .eco-icon{ stroke: #FFFFFF; }
.contact-main .cc-visual figcaption,
.contact-main .cc-visual .cap{ color: #B9D3C9; }
.contact-main .cc-visual .cap strong,
.contact-main .cc-visual figcaption strong{ color: #FFFFFF; }
@media(max-width:860px){
.contact-main .cc-split{grid-template-columns:1fr}
.contact-main .cc-form{padding:60px 24px}
.contact-main .cc-formin{margin:0 auto}
.contact-main .cc-visual{min-height:420px}
.contact-main .cc-help{grid-template-columns:1fr}
}
@media(max-width:520px){
.contact-main .cc-row{grid-template-columns:1fr}
}
@media (max-width: 860px){
.contact-main .cc-split{ grid-template-columns: 1fr; }
}