.cp{background:#fff;padding:1.25rem 0 4rem}@media (min-width:640px){.cp{padding:1.5rem 0 5rem}}@media (min-width:1024px){.cp{padding:2rem 0 6rem}}.cp__inner{align-items:stretch;gap:3rem;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:grid}@media (min-width:1024px){.cp__inner{grid-template-columns:1fr 1fr;gap:4rem;padding:0 2.5rem}}.ci__badge{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:12.5px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.ci__badge i{color:#3b82f6;font-size:11px}.ci__title{letter-spacing:-.02em;color:#111827;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}@media (min-width:640px){.ci__title{font-size:1.875rem}}.ci__text{color:#6b7280;max-width:28rem;margin:0 0 2rem;font-size:14.5px;line-height:1.65}.ci__panel{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.ci__methods{gap:.75rem;padding:1.25rem;display:grid}@media (min-width:640px){.ci__methods{grid-template-columns:1fr 1fr}}.ci__method{background:#f9fafb;border-radius:12px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:transform .3s,background-color .3s;display:flex}.ci__method:hover{background:#eff6ff99;transform:translateY(-2px)}.ci__icon{color:#6b7280;background:linear-gradient(135deg,#fff,#f3f4f6);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:15px;transition:transform .3s ease-out,color .3s,background .3s;display:grid}.ci__method:hover .ci__icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);transform:rotate(-6deg)scale(1.1)}.ci__value{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;transition:color .3s;overflow:hidden}.ci__method:hover .ci__value{color:#1d4ed8}.ci__go{color:#3b82f6;opacity:0;background:#eff6ff;border-radius:9999px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;transition:opacity .3s,transform .3s;display:grid;transform:translate(-4px)}.ci__method:hover .ci__go{opacity:1;transform:translate(0)}.ci__map{border-top:1px solid #f3f4f6;padding:1rem .75rem .75rem}.wm{-webkit-user-select:none;user-select:none;width:100%;position:relative}.wm svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wm__land{-webkit-mask-image:linear-gradient(#0000,#fff 8% 92%,#0000);mask-image:linear-gradient(#0000,#fff 8% 92%,#0000)}.wm__land path{fill:none;stroke:#00000038;stroke-width:.8px;stroke-linecap:round;stroke-dasharray:0 1}.wm__pin{overflow:visible}.wm__label{z-index:1;letter-spacing:-.01em;color:#1f2937;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.25rem .625rem;font-size:10.5px;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 14px #0f172a24}.cf{background:#f9fafb;border:1px solid #f3f4f6;border-radius:28px;flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}@media (min-width:640px){.cf{padding:2rem}}.cf__grid{pointer-events:none;background-image:linear-gradient(90deg,#0000000f 1px,#0000 1px),linear-gradient(#0000000f 1px,#0000 1px);background-size:22px 22px;width:10rem;height:10rem;position:absolute;top:-2.5rem;right:-2.5rem;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000 30%,#0000 70%);mask-image:radial-gradient(circle at 70% 30%,#000 30%,#0000 70%)}.cf__square{pointer-events:none;background:#e5e7ebb3;border-radius:3px;width:1.5rem;height:1.5rem;position:absolute;top:1.5rem;right:2.5rem}.cf__head{margin-bottom:1.5rem;position:relative}.cf__head h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.cf__head p{color:#6b7280;margin:.25rem 0 0;font-size:13.5px}.cf__form{flex-direction:column;flex:1;gap:1.25rem;display:flex;position:relative}.cf__label{color:#374151;margin-bottom:.375rem;font-size:13px;font-weight:500;transition:color .2s;display:block}.cf__label.is-focused{color:#2563eb}.cf__label.is-invalid{color:#dc2626}.cf__optional{color:#9ca3af;font-weight:400}.cf__box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.cf__box:hover{border-color:#d1d5db}.cf__box.is-focused{border-color:#60a5fa;box-shadow:0 0 0 4px #dbeafe}.cf__box.is-invalid,.cf__box.is-invalid:hover{border-color:#f87171}.cf__box.is-invalid.is-focused{box-shadow:0 0 0 4px #fee2e2}.cf__icon{color:#d1d5db;pointer-events:none;font-size:13px;transition:color .2s;position:absolute;left:.875rem}.cf__icon.is-top{top:.75rem}.cf__icon.is-filled{color:#6b7280}.cf__icon.is-focused{color:#3b82f6}.cf__input{width:100%;font:inherit;color:#111827;background:0 0;border:0;border-radius:12px;outline:none;padding:.625rem 1rem .625rem 2.5rem;font-size:14px}.cf__input::placeholder{color:#9ca3af}.cf__input--area{resize:none}.cf__submit{width:100%;font:inherit;color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-size:14px;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}@media (min-width:640px){.cf__submit{align-self:flex-start;width:auto}}.cf__submit:hover{background:#1f2937;box-shadow:0 8px 24px -6px #0f172a66}.cf__submit:disabled{cursor:not-allowed;opacity:.7}.cf__arrow{opacity:.6;font-size:11px;transition:transform .2s}.cf__submit:hover .cf__arrow{transform:translate(2px)}.cf__done{text-align:center;background:#f9fafbcc;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:420px;padding:4rem 1.5rem;display:flex;position:relative}.cf__donecheck{color:#059669;background:#d1fae5;border-radius:9999px;place-items:center;width:56px;height:56px;margin-bottom:1.25rem;font-size:20px;display:grid}.cf__done h3{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.cf__done p{color:#6b7280;max-width:20rem;margin:0;font-size:14px;line-height:1.65}.cf__done button{font:inherit;color:#2563eb;cursor:pointer;background:0 0;border:0;margin-top:1.5rem;padding:0;font-size:13px;font-weight:600}.cf__done button:hover{color:#1d4ed8}.cf__error{color:#dc2626;margin:0;font-size:13px;font-weight:500}.cf__row{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr));gap:1.25rem;display:grid}.cf__fielderror,.cf__hint{margin:.375rem 0 0;font-size:12.5px;line-height:1.4}.cf__fielderror{color:#dc2626}.cf__hint{text-align:right;color:#9ca3af}
