:root{--bg-0: #020303;--bg-1: #04110D;--g-900: #0A1F17;--g-700: #148A68;--g-500: #1FBF8F;--g-300: #4EF2B5;--text: #E8F5EE;--text-dim: #7A8F84;--text-faint: #6B7F78;--danger: #F26B6B;--danger-dim: #7A2E2E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:focus-visible{outline:3px solid var(--g-300);outline-offset:3px;border-radius:var(--radius-sm)}html,body{min-height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}#root{height:100vh;width:100vw}.stage{position:relative;min-height:100vh;width:100vw;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(31,191,143,.18),transparent 60%),radial-gradient(ellipse 40% 40% at 50% -10%,rgba(78,242,181,.08),transparent 60%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);overflow:hidden;isolation:isolate}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,191,143,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,191,143,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 80%);pointer-events:none;z-index:0}.stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0,rgba(2,3,3,.4) 100%);pointer-events:none;z-index:0}.chrome{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:28px 44px}.chrome-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .14s var(--ease)}.chrome-brand:hover{opacity:.75}.chrome-brand:focus-visible{outline:2px solid var(--g-300);outline-offset:4px}.chrome-brand img{height:34px;width:34px;filter:drop-shadow(0 0 10px rgba(78,242,181,.4))}.chrome-brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.chrome-brand-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);padding:4px 8px;border:1px solid rgba(31,191,143,.18);border-radius:999px;background:#1fbf8f0a}.chrome-right{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.progress-wrap{position:absolute;top:0;left:0;right:0;height:2px;background:#1fbf8f14;z-index:5}.progress-bar{height:100%;background:linear-gradient(90deg,var(--g-700),var(--g-500),var(--g-300));box-shadow:0 0 12px #4ef2b599;transition:width .52s var(--ease);position:relative}.progress-bar:after{content:"";position:absolute;right:-2px;top:-3px;width:6px;height:8px;background:var(--g-300);box-shadow:0 0 12px var(--g-300),0 0 24px var(--g-300);border-radius:2px}.center{position:relative;z-index:2;min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto}@media(max-height:720px){.center{align-items:flex-start;padding-top:20px;padding-bottom:90px}}.card{width:100%;max-width:640px;position:relative}.step{animation:stepIn .52s var(--ease) both}@keyframes stepIn{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.step-index{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--g-500);margin-bottom:18px;letter-spacing:.04em}.step-index svg{width:10px;height:10px}.step-title{font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text);text-wrap:balance;margin-bottom:14px}.step-title .accent{color:var(--g-300);text-shadow:0 0 24px rgba(78,242,181,.35)}.step-sub{font-size:15px;color:var(--text-dim);line-height:1.55;margin-bottom:36px;max-width:520px;text-wrap:pretty}.input-wrap{position:relative;margin-bottom:20px}.input{width:100%;background:transparent;color:var(--text);border:none;border-bottom:1px solid rgba(31,191,143,.25);padding:14px 0 14px 2px;font-family:var(--font-sans);font-size:clamp(22px,2.4vw,28px);font-weight:400;letter-spacing:-.01em;outline:none;transition:border-color .24s var(--ease)}.input::placeholder{color:var(--text-faint);font-weight:300}.input:focus{border-bottom-color:var(--g-300)}.input-glow{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--g-300),transparent);box-shadow:0 0 16px var(--g-300);transform:scaleX(0);transform-origin:center;transition:transform .42s var(--ease);pointer-events:none}.input:focus~.input-glow{transform:scaleX(1)}.input.is-invalid{border-bottom-color:var(--danger)}.input.is-invalid~.input-glow{background:linear-gradient(90deg,transparent,var(--danger),transparent);box-shadow:0 0 16px var(--danger);transform:scaleX(1)}.input-phone{display:flex;align-items:center;gap:0;border-bottom:1px solid rgba(31,191,143,.25);transition:border-color .24s var(--ease);position:relative}.input-phone:focus-within{border-bottom-color:var(--g-300)}.input-phone.is-invalid{border-bottom-color:var(--danger)}.dial-trigger{display:flex;align-items:center;gap:7px;padding:14px 12px 14px 2px;background:transparent;border:none;border-right:1px solid rgba(31,191,143,.18);color:var(--text);cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:500;white-space:nowrap;flex-shrink:0;transition:color .2s var(--ease);margin-right:14px}.dial-trigger:hover{color:var(--g-300)}.dial-trigger .dial-flag{font-size:20px;line-height:1}.dial-trigger .dial-code{font-family:var(--font-mono);font-size:14px;color:var(--g-300)}.dial-trigger .dial-chevron{width:12px;height:12px;color:var(--text-dim);transition:transform .2s var(--ease)}.dial-trigger[aria-expanded=true] .dial-chevron{transform:rotate(180deg)}.input-phone input{flex:1;background:transparent;color:var(--text);border:none;outline:none;padding:14px 0;font-size:clamp(22px,2.4vw,28px);font-family:var(--font-sans);min-width:0}.input-phone input::placeholder{color:var(--text-faint)}.dial-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:300px;max-height:320px;display:flex;flex-direction:column;background:#04110df5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(31,191,143,.2);border-radius:var(--radius-md);z-index:20;box-shadow:0 20px 60px #000000b3,0 0 0 1px #4ef2b50f;animation:stepIn .2s var(--ease);overflow:hidden}.dial-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(31,191,143,.12);flex-shrink:0}.dial-search-wrap svg{width:13px;height:13px;color:var(--text-dim);flex-shrink:0}.dial-search{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-sans);font-size:13px}.dial-search::placeholder{color:var(--text-faint)}.dial-list{overflow-y:auto;list-style:none;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(31,191,143,.2) transparent}.dial-list::-webkit-scrollbar{width:6px}.dial-list::-webkit-scrollbar-thumb{background:#1fbf8f33;border-radius:3px}.dial-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:14px;transition:background .14s var(--ease);user-select:none}.dial-opt:hover,.dial-opt.is-active{background:#1fbf8f1a}.dial-opt.is-selected{background:#1fbf8f14}.dial-opt .opt-flag{font-size:17px;flex-shrink:0}.dial-opt .opt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dial-opt .opt-code{font-family:var(--font-mono);font-size:12px;color:var(--g-500);flex-shrink:0}.field-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;min-height:18px;font-family:var(--font-mono);font-size:11px}.field-hint{color:var(--text-faint);letter-spacing:.02em}.field-count{flex:1;text-align:center}.field-error{color:var(--danger);display:flex;align-items:center;gap:6px;animation:stepIn .24s var(--ease)}.combobox{position:relative}.combo-list{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:260px;overflow-y:auto;background:#04110deb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(31,191,143,.2);border-radius:var(--radius-md);padding:6px;z-index:10;box-shadow:0 20px 60px #0009,0 0 0 1px #4ef2b50f;animation:stepIn .24s var(--ease)}.combo-list::-webkit-scrollbar{width:6px}.combo-list::-webkit-scrollbar-thumb{background:#1fbf8f33;border-radius:3px}.combo-opt{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:15px;transition:background .16s var(--ease)}.combo-opt:hover,.combo-opt.is-active{background:#1fbf8f1a}.combo-opt .combo-flag{font-size:18px}.combo-opt .combo-dial{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;margin-left:auto}.tz-legend{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;display:block;width:100%;margin-bottom:10px}.tz-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#04110d66;border:1px solid rgba(31,191,143,.2);border-radius:var(--radius-md);color:var(--text-dim);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all .2s var(--ease);text-align:left}.tz-trigger:hover,.tz-trigger.is-open{border-color:#4ef2b573;background:#1fbf8f0f}.tz-trigger.has-value{color:var(--text)}.tz-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tz-trigger-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.tz-clear{display:flex;align-items:center;padding:2px;color:var(--text-dim);cursor:pointer;border-radius:4px;transition:color .16s var(--ease)}.tz-clear:hover{color:var(--danger)}.tz-chevron{width:14px;height:14px;color:var(--text-dim);transition:transform .2s var(--ease)}.tz-chevron.is-open{transform:rotate(180deg)}.tz-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#04110df5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(31,191,143,.2);border-radius:var(--radius-md);z-index:20;box-shadow:0 16px 48px #0009,0 0 0 1px #4ef2b50f;overflow:hidden;animation:stepIn .2s var(--ease)}.tz-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;cursor:pointer;font-size:14px;transition:background .14s var(--ease)}.tz-opt:hover,.tz-opt.is-active{background:#1fbf8f14}.tz-opt.is-selected{background:#1fbf8f1f}.tz-opt.is-selected .tz-opt-label{color:var(--g-300)}.tz-opt-label{flex:1}.tz-opt-offset{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);flex-shrink:0}.checkbox{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid rgba(31,191,143,.15);border-radius:var(--radius-md);cursor:pointer;transition:all .24s var(--ease);background:#04110d4d}.checkbox:hover{border-color:#4ef2b566}.checkbox.is-checked{border-color:var(--g-300);background:#1fbf8f14}.checkbox-box{width:20px;height:20px;border:1.5px solid rgba(31,191,143,.4);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .24s var(--ease)}.checkbox.is-checked .checkbox-box{background:var(--g-300);border-color:var(--g-300);box-shadow:0 0 16px #4ef2b580}.checkbox-box svg{width:12px;height:12px;color:var(--bg-0);opacity:0;transform:scale(.5);transition:all .2s var(--ease)}.checkbox.is-checked .checkbox-box svg{opacity:1;transform:scale(1)}.checkbox-label{font-size:14px;color:var(--text);line-height:1.5}.checkbox-label a,.link-btn{color:var(--g-300);text-decoration:none;border-bottom:1px dashed rgba(78,242,181,.4)}.checkbox-label a:hover,.link-btn:hover{border-bottom-style:solid}.link-btn{background:none;border-top:none;border-left:none;border-right:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer;display:inline;line-height:inherit}.actions{display:flex;align-items:center;gap:16px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:all .24s var(--ease);position:relative;overflow:hidden}.btn-primary{background:var(--g-500);color:var(--bg-0);box-shadow:0 0 0 1px var(--g-300),0 0 20px #1fbf8f59,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){background:var(--g-300);box-shadow:0 0 0 1px var(--g-300),0 0 32px #4ef2b58c,0 0 60px #4ef2b540,inset 0 1px #ffffff4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 0 1px var(--g-700),0 0 12px #1fbf8f66,inset 0 1px 2px #00000026}.btn-primary:disabled{background:#1fbf8f26;color:#e8f5ee4d;cursor:not-allowed;box-shadow:0 0 0 1px #1fbf8f26}.btn-ghost{background:transparent;color:var(--text-dim);box-shadow:0 0 0 1px #1fbf8f26}.btn-ghost:hover{color:var(--text);box-shadow:0 0 0 1px #4ef2b559;background:#1fbf8f0d}.btn svg{width:14px;height:14px;flex-shrink:0}.btn kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:4px;background:#02030340;color:currentColor;opacity:.8;border:1px solid currentColor;border-color:#02030333}.btn-ghost kbd{background:#1fbf8f0f;border-color:#1fbf8f26}.enter-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-left:auto;display:flex;align-items:center;gap:6px}.enter-hint kbd{padding:2px 6px;border-radius:4px;background:#1fbf8f0f;border:1px solid rgba(31,191,143,.15);color:var(--text-dim)}.welcome{text-align:center}.welcome-logo{display:block;width:78px;height:78px;margin:0 auto 26px;filter:drop-shadow(0 0 20px rgba(78,242,181,.35));animation:floaty 6s var(--ease) infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome .step-title{margin-bottom:16px}.welcome .actions{justify-content:center;margin-top:38px}.welcome-badge{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto 22px;padding:6px 12px;border-radius:999px;border:1px solid rgba(31,191,143,.2);background:#1fbf8f0d;font-family:var(--font-mono);font-size:11px;color:var(--g-300);letter-spacing:.04em}.loader{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 0;text-align:center}.spinner{width:52px;height:52px;border-radius:50%;position:relative}.spinner:before,.spinner:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--g-300);animation:spin .9s linear infinite}.spinner:after{inset:6px;border-top-color:var(--g-500);animation-duration:1.4s;animation-direction:reverse;box-shadow:0 0 20px #4ef2b566}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);letter-spacing:.08em}.loader-text span{color:var(--g-300)}.success{text-align:center;padding:20px 0}.success-ring{width:110px;height:110px;margin:0 auto 32px;position:relative}.success-ring svg{width:100%;height:100%}.success-ring .ring-bg{stroke:#1fbf8f26}.success-ring .ring-fg{stroke:var(--g-300);stroke-dasharray:314;stroke-dashoffset:314;animation:drawRing .9s var(--ease) forwards;filter:drop-shadow(0 0 10px var(--g-300))}.success-ring .check-path{stroke:var(--g-300);stroke-dasharray:40;stroke-dashoffset:40;animation:drawCheck .5s var(--ease) .7s forwards;filter:drop-shadow(0 0 6px var(--g-300))}@keyframes drawRing{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{font-size:36px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px}.success-sub{color:var(--text-dim);margin-bottom:28px;line-height:1.55}.success-receipt{display:inline-flex;flex-direction:column;gap:6px;padding:14px 22px;border-radius:var(--radius-md);border:1px solid rgba(31,191,143,.2);background:#04110d80;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-bottom:28px}.success-receipt b{color:var(--g-300);font-weight:500}.error-box{text-align:center;padding:20px 0}.error-icon{width:68px;height:68px;margin:0 auto 24px;border-radius:50%;border:1px solid rgba(242,107,107,.4);background:#f26b6b14;display:flex;align-items:center;justify-content:center;color:var(--danger);box-shadow:0 0 32px #f26b6b33}.error-title{font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:-.02em}.error-sub{color:var(--text-dim);margin-bottom:28px}.btn-danger-ghost{background:transparent;color:var(--danger);box-shadow:0 0 0 1px #f26b6b4d}.footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 44px}.step-counter{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.step-counter b{color:var(--text);font-weight:500}.footer-brand{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.08em}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#020303b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:32px 24px;animation:fadeIn .26s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:620px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(31,191,143,.08),transparent 70%),linear-gradient(180deg,#061812,#04110d);border:1px solid rgba(31,191,143,.25);border-radius:18px;box-shadow:0 0 0 1px #4ef2b50a,0 30px 80px #000000b3,0 0 120px #1fbf8f1f;overflow:hidden;animation:modalIn .42s var(--ease)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 18px;border-bottom:1px solid rgba(31,191,143,.12)}.modal-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--g-300);letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.modal-title{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.2}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(31,191,143,.2);border-radius:8px;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:all .2s var(--ease)}.modal-close:hover{color:var(--g-300);border-color:var(--g-300);background:#1fbf8f0f}.modal-close svg{width:14px;height:14px}.modal-body{flex:1;overflow-y:auto;padding:22px 28px 28px;scrollbar-width:thin;scrollbar-color:rgba(31,191,143,.25) transparent}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:#1fbf8f33;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#1fbf8f59}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:13px;font-weight:600;color:var(--g-300);letter-spacing:.01em;margin-bottom:8px}.modal-section p{font-size:14px;line-height:1.65;color:var(--text-dim);text-wrap:pretty}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid rgba(31,191,143,.12);background:#02030366}.modal-foot-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.modal-foot-meta kbd{padding:2px 6px;border-radius:4px;background:#1fbf8f0f;border:1px solid rgba(31,191,143,.2);color:var(--text-dim);margin:0 2px}.btn:focus-visible{outline:3px solid var(--g-300);outline-offset:3px}.input:focus-visible,.input-phone:focus-within:has(input:focus-visible){outline:none}.pill:focus-visible{outline:3px solid var(--g-300);outline-offset:2px}.checkbox:focus-visible{outline:3px solid var(--g-300);outline-offset:2px}.modal-close:focus-visible,.combo-opt:focus-visible{outline:3px solid var(--g-300);outline-offset:2px}.welcome .step-sub{margin-left:auto;margin-right:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:720px){.chrome,.footer{padding-left:24px;padding-right:24px}.pill-grid{grid-template-columns:1fr}.enter-hint,.keyboard-hint,.modal-foot-meta,.chrome-brand-tag{display:none}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%;justify-content:center}}@media(max-width:560px){.modal-head,.modal-body,.modal-foot{padding-left:20px;padding-right:20px}.modal-title{font-size:22px}.modal-foot{flex-direction:column;align-items:stretch}.modal-foot .btn{width:100%;justify-content:center}}
