.cf-page{position:relative;min-height:100vh;overflow:hidden;color:#fff;background:radial-gradient(120% 100% at 85% 0%,rgba(40,173,175,.16),transparent 55%),radial-gradient(100% 120% at 0% 100%,rgba(233,116,36,.16),transparent 52%),var(--night);display:flex;flex-direction:column}.cf-page .cord{position:absolute;left:-14%;right:-14%;bottom:12%;height:72px;transform:rotate(-7deg);opacity:.5;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(233,116,36,.5) 48%,rgba(40,173,175,.3) 66%,transparent 86%) 0 12px / 100% 2px no-repeat,linear-gradient(90deg,transparent 0%,rgba(40,173,175,.4) 50%,rgba(233,116,36,.34) 64%,transparent 84%) 0 34px / 100% 2px no-repeat}.cf-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,48px)}.cf-logo img{height:30px;filter:brightness(0) invert(1)}.cf-exit{font-size:14px;color:#ffffffb3;font-weight:500}.cf-exit:hover{color:#fff}.cf-main{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:24px clamp(20px,5vw,48px) 64px}.cf-wrap{width:100%;max-width:640px}.cf-wrap.cf-center{text-align:center}.cf-progress{height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin-bottom:clamp(32px,6vh,56px)}.cf-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--teal));border-radius:999px;transition:width .35s ease}.cf-count{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--teal)}.cf-count-sep{opacity:.5}.cf-q{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4.4vw,46px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 28px;color:#fff}.cf-req{color:var(--orange);margin-left:4px}.cf-input{width:100%;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3vw,32px);padding:8px 2px;outline:none;caret-color:var(--orange);transition:border-color .2s ease}.cf-input:focus{border-bottom-color:var(--orange)}.cf-input::placeholder{color:#ffffff52}.cf-phone{display:flex;gap:14px;align-items:stretch}.cf-phone-input{flex:1;min-width:0}.cf-dial-wrap{position:relative;flex:none}.cf-dial{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.6vw,28px);padding:8px 4px;cursor:pointer;white-space:nowrap;transition:border-color .2s ease}.cf-dial:hover{border-bottom-color:var(--orange)}.cf-flag{font-size:1.05em;line-height:1}.cf-caret{font-size:.55em;opacity:.7}.cf-dial-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:10;width:min(340px,84vw);background:#0f1620;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 20px 50px #00000080;padding:10px}.cf-dial-search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font-size:15px;padding:10px 12px;outline:none;margin-bottom:8px;font-family:var(--font-body)}.cf-dial-search::placeholder{color:#fff6}.cf-dial-search:focus{border-color:var(--orange)}.cf-dial-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column}.cf-dial-opt{display:flex;align-items:center;gap:10px;background:none;border:0;color:#fff;text-align:left;padding:10px;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:15px}.cf-dial-opt:hover{background:#e9742424}.cf-dial-opt.is-sel{background:#e9742433}.cf-dial-opt .cf-flag{font-size:19px}.cf-dial-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-dial-opt .cf-dial-code{color:#ffffff8c;font-size:14px}.cf-textarea{width:100%;background:transparent;border:2px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-family:var(--font-body);font-size:clamp(16px,1.5vw,19px);line-height:1.5;padding:16px;outline:none;resize:vertical;min-height:120px;caret-color:var(--orange);transition:border-color .2s ease}.cf-textarea:focus{border-color:var(--orange)}.cf-textarea::placeholder{color:#ffffff52}.cf-consent{display:flex;align-items:flex-start;gap:12px;margin-top:22px;font-size:15px;color:#fffc;line-height:1.5;cursor:pointer}.cf-consent input{margin-top:3px;width:20px;height:20px;flex:none;accent-color:var(--orange);cursor:pointer}.cf-consent a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.cf-consent a:hover{color:#fff}.cf-options{display:flex;flex-direction:column;gap:12px}.cf-option{text-align:left;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;padding:16px 20px;font-family:var(--font-body);font-size:17px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.cf-option:hover{border-color:var(--orange);background:#e974241a}.cf-option.is-sel{border-color:var(--orange);background:#e9742429}.cf-err{color:#ff9a76;font-size:14.5px;margin-top:14px}.cf-nav{display:flex;align-items:center;gap:20px;margin-top:30px}.cf-btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;border:0;border-radius:10px;padding:14px 28px;font-family:var(--font-body);font-weight:700;font-size:17px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.cf-btn:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 10px 24px #e9742447}.cf-btn:disabled{opacity:.6;cursor:default;transform:none}.cf-kbd{font-size:13px;background:#ffffff38;border-radius:5px;padding:1px 7px}.cf-back{background:none;border:0;color:#fff9;font-size:15px;cursor:pointer}.cf-back:hover{color:#fff}.cf-done .cf-check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-light));display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:22px}.cf-done .cf-check svg{width:36px;height:36px}.cf-done h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em}.cf-done p{margin:16px auto 28px;color:#ffffffbf;font-size:18px;max-width:460px;line-height:1.6}.cf-done-cta{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.cf-done-cta .cf-link{color:#ffffffb3;font-weight:500}.cf-done-cta .cf-link:hover{color:#fff}@media(max-width:600px){.cf-q{margin-bottom:22px}}
