#contact{--c-ink:#1a1d2e;--c-green:#00c853;--c-muted:#6b7280;--c-line:#e5e7eb;--c-field:#fff;z-index:1;isolation:isolate;background:radial-gradient(circle at 8% 92%,#e3fcec 0%,#0000 42%),radial-gradient(circle at 94% 6%,#eefcf4 0%,#0000 36%),#fafefc;padding:4.5rem 1.25rem 4.25rem;position:relative;overflow:hidden}#contact .deco-dot{background:var(--c-green);pointer-events:none;z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:3.25rem;right:max(12%,50% - 280px)}#contact .deco-ring{pointer-events:none;z-index:1;border:2px solid #7ee2a8;border-radius:50%;width:28px;height:28px;position:absolute;top:5.1rem;right:max(10.5%,50% - 295px)}#contact .container{text-align:center;z-index:2;max-width:36rem;margin:0 auto;position:relative}#contact .tag{color:var(--c-green);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:700}#contact h2{letter-spacing:-.03em;color:var(--c-ink);margin:0 0 .7rem;font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:800;line-height:1.18}#contact h2 span{color:var(--c-green)}#contact .desc{color:var(--c-muted);max-width:30rem;margin:0 auto 1.65rem;font-size:.95rem;line-height:1.6}#contact form{text-align:left;flex-direction:column;gap:.9rem;display:flex}#contact .row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}#contact .field{margin:0;display:block;position:relative}#contact input,#contact select,#contact textarea{box-sizing:border-box;border:1px solid var(--c-line);background:var(--c-field);width:100%;color:var(--c-ink);box-shadow:none;border-radius:10px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}#contact .field:not(.field-area) input,#contact .field:not(.field-area) select{height:2.85rem}#contact textarea{resize:vertical;min-height:6rem;padding-top:.75rem;line-height:1.5}#contact input::placeholder,#contact textarea::placeholder{color:#9ca3af}#contact input:focus,#contact select:focus,#contact textarea:focus{border-color:var(--c-green);box-shadow:0 0 0 3px #00c8531f}#contact .field-check{background:var(--c-green);opacity:0;pointer-events:none;border-radius:50%;width:1rem;height:1rem;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)scale(.6)}#contact .field-check:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:.22rem;height:.42rem;position:absolute;top:.18rem;left:.3rem;transform:rotate(45deg)}#contact input:not(:placeholder-shown):valid{padding-right:2.15rem}#contact input:not(:placeholder-shown):valid~.field-check,#contact select:valid~.field-check{opacity:1;transform:translateY(-50%)scale(1)}#contact select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 14 8'%3E%3Cpath fill='%239ca3af' d='M1.4 0L7 5.5 12.6 0 14 1.4 7 8 0 1.4z'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.15rem}#contact .field-select select:valid{background-image:none}#contact select:invalid{color:#9ca3af}#contact select option{color:var(--c-ink)}#contact button[type=submit]{color:#fff;letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-font-smoothing:antialiased;background:#0c60c8;border:none;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:.45rem;width:min(100%,20rem);min-width:14rem;height:2.95rem;margin-top:.85rem;padding:0 1.5rem;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;overflow:visible;box-shadow:0 8px 20px #0c60c847}#contact button[type=submit] .btn-label,#contact button[type=submit] .btn-arrow{line-height:1;text-decoration:none;display:inline-block;transform:none}#contact button[type=submit] .btn-arrow{font-size:1.05em;translate:0}#contact button[type=submit]:hover{background:#0a52ad;transform:translateY(-1px);box-shadow:0 12px 28px #0c60c852}#contact button[type=submit]:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}@media (max-width:640px){#contact{padding:3.25rem 1rem 3.5rem}#contact .row{grid-template-columns:1fr}#contact h2{font-size:1.55rem}#contact .desc{margin-bottom:1.5rem;font-size:.875rem}#contact .deco-dot{top:2.5rem;right:1.25rem}#contact .deco-ring{top:4rem;right:.65rem}}
