/* Teddy contact form. Accent comes from --cf-accent on the mount element. */
.cf{display:grid;gap:14px;text-align:left;font-family:Inter,system-ui,sans-serif}
.cf-row{display:grid;gap:14px}
@media(min-width:620px){.cf-row{grid-template-columns:1fr 1fr}}
.cf label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#CFC9DA;letter-spacing:.01em}
.cf input,.cf select,.cf textarea{width:100%;font:400 15px/1.5 Inter,system-ui,sans-serif;color:#F7F5FB;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.cf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ABA5B8' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:40px}
.cf select option{background:#111;color:#fff}
.cf textarea{resize:vertical;min-height:120px}
.cf input:focus,.cf select:focus,.cf textarea:focus{outline:none;border-color:var(--cf-accent,#A453FF);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent,#A453FF) 30%,transparent)}
.cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cf-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:2px}
.cf-btn{font:600 15px/1 Inter,system-ui,sans-serif;color:var(--cf-btn-text,#fff);background:var(--cf-accent,#8A2BEF);border:0;border-radius:999px;padding:15px 26px;cursor:pointer;transition:transform .2s,filter .2s;box-shadow:0 8px 28px -8px var(--cf-accent,#8A2BEF)}
.cf-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.cf-btn:disabled{opacity:.6;cursor:wait;transform:none}
.cf-status{font-size:14px;color:#ABA5B8;flex:1 1 220px;margin:0}
.cf-status.ok{color:#4ADE80}
.cf-status.err{color:#FF8A8A}
.cf-status a{color:inherit;text-decoration:underline}