:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f6f7fb;--page-glow:#7275f21f;--text-primary:#1f2940;--text-secondary:#71809b;--text-soft:#8d97ab;--line-soft:#e3e7f3;--panel-bg:#ffffffeb;--primary:#6069f6;--primary-soft:#6069f61a;--success:#169c68;--warning:#d47b11;--danger:#d63d4d;--shadow-soft:0 30px 80px #202a4014;--shadow-panel:0 18px 42px #19264614;--radius-shell:34px;--radius-field:14px;--radius-pill:999px;--font-display:"Plus Jakarta Sans", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-body);background:radial-gradient(circle at 50% -12%,#818cf83d,#0000 36%),radial-gradient(circle at 8% 10%,#4f46e51f,#0000 30%),linear-gradient(#f8fbff 0%,#eef2ff 56%,#e0e7ff 100%);margin:0}button,input{font:inherit}#app{min-height:100vh}.page-shell{width:min(100%,1180px);margin:0 auto;padding:40px 24px 64px}.hero-block{text-align:center;margin-bottom:22px}.eyebrow{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem}.hero-block h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800}.panel{border-radius:var(--radius-shell);background:var(--panel-bg);width:min(100%,510px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e1e5f2eb;margin:0 auto;padding:24px}.stack{gap:16px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--text-primary);font-size:.92rem;font-weight:700}.field input{border-radius:var(--radius-field);width:100%;color:var(--text-primary);background:#fff;border:1px solid #d9deed;padding:11px 14px;transition:border-color .16s,box-shadow .16s,transform .16s}.field input::placeholder{color:#a0aac0}.field input:focus{border-color:#6069f68f;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #6069f61f}.action-row{gap:12px;display:grid}.primary-button,.secondary-button{border-radius:var(--radius-pill);width:100%;font-family:var(--font-display);cursor:pointer;border:none;padding:11px 16px;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{background:linear-gradient(90deg, var(--primary) 0%, #7078f8 100%);color:#fbfcff;box-shadow:0 8px 24px #6069f629}.secondary-button{color:var(--primary);background:#f0f2fb}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:0 12px 28px #6069f63d}.secondary-button:hover{background:#e5e8f7}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}.feedback{min-height:24px;color:var(--text-secondary);text-align:center;margin:10px 0 0;font-size:.84rem}.feedback.is-success{color:var(--success)}.feedback.is-error{color:var(--danger)}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);background:#14192866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fffffff7;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,480px);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 48px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.25rem;line-height:1;transition:color .15s;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-primary)}.modal-search{gap:8px;margin-bottom:20px;display:flex}.modal-search input{min-width:0;color:var(--text-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:11px 14px;font-size:.9rem;transition:border-color .15s}.modal-search input:focus{border-color:var(--primary)}.modal-search button{white-space:nowrap;color:#fff;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);border:none;border-radius:10px;padding:11px 18px;font-size:.9rem;font-weight:600;transition:opacity .15s}.modal-search button:disabled{opacity:.65;cursor:wait}.modal-body{gap:18px;display:grid}.modal-empty{text-align:center;color:var(--text-soft);margin:0;padding:40px 0;font-size:.88rem}.card-buy-top{text-align:center;margin:0 0 16px;padding:0}.card-buy-top .buy-link{width:auto;min-height:36px;color:var(--primary);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6069f614;border:1px solid #6069f62e;border-radius:999px;padding:8px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .18s,transform .18s,border-color .18s;display:inline-block}.card-buy-top .buy-link:hover{background:#6069f624;border-color:#6069f64d;transform:translateY(-1px)}.status-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 20px;box-shadow:0 4px 12px #00000005}.status-center{text-align:center;margin-bottom:20px}.status-circle{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:28px;transition:all .3s;display:flex}.status-circle.st-success{color:var(--primary);background:#6069f61f}.status-circle.st-fail{color:var(--danger);background:#d63d4d1f}.status-circle.st-pending{color:var(--primary);background:#6069f61f}.status-circle.st-processing{color:var(--primary);background:#6069f61f;animation:2s linear infinite spin}.status-large-text{font-size:24px;font-weight:700}.status-large-text.st-success{color:var(--primary)}.status-large-text.st-fail{color:var(--danger)}.status-large-text.st-pending,.status-large-text.st-processing{color:var(--primary)}.status-fail-reason{color:var(--danger);margin:6px 0 0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.stepper{justify-content:space-between;align-items:center;margin:24px 0 8px;padding:0 4px;display:flex;position:relative}.stepper-line{z-index:0;background:#f1f5f9;border-radius:2px;height:3px;position:absolute;top:14px;left:14px;right:14px}.stepper-line-fill{z-index:0;background:linear-gradient(90deg,#818cf8,#6366f1,#4f46e5);border-radius:2px;height:3px;transition:width .5s;position:absolute;top:14px;left:14px}.step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step-dot{color:#64748b;background:#f1f5f9;border:2px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.step.done .step-dot{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 50%,#4f46e5 100%);border-color:#818cf8;box-shadow:0 8px 18px #6366f133}.step.active .step-dot{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 50%,#4f46e5 100%);border-color:#818cf8;animation:1.8s infinite pulseStep;box-shadow:0 0 0 4px #6366f126}.step.fail .step-dot{background:var(--danger);border-color:var(--danger);color:#fff}.step-label{color:#64748b;text-align:center;font-size:11px;font-weight:500;line-height:1.3}.step.done .step-label,.step.active .step-label{color:#4f46e5;font-weight:700}.step.fail .step-label{color:var(--danger);font-weight:700}@keyframes pulseStep{0%,to{box-shadow:0 0 0 4px #6366f126}50%{box-shadow:0 0 0 8px #6366f126}}.progress-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px 14px}.progress-metric{justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.metric-label{color:var(--text-secondary);font-size:.84rem;font-weight:500}.progress-metric strong{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:800}.progress-track{border-radius:var(--radius-pill);background:#e2e8f0;width:100%;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--primary) 0%, #8590ff 100%);width:0%;height:100%;transition:width .26s}.modal-message{color:var(--text-secondary);text-align:center;margin:0;font-size:.86rem}.modal-time{color:var(--text-soft);text-align:center;margin:0;font-size:.78rem}.after-sale{background:var(--panel-bg);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e1e5f2eb;border-radius:16px;width:min(100%,510px);margin:20px auto 0;padding:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 12px #19264605}.after-sale .as-title{color:var(--text-secondary);margin-bottom:4px;font-size:.84rem;font-weight:500}.after-sale .contact{color:var(--primary);letter-spacing:.02em;font-size:1rem;font-weight:700}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .modal-card,.modal-leave-active .modal-card{transition:transform .2s,opacity .2s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-card,.modal-leave-to .modal-card{opacity:0;transform:translateY(20px)scale(.97)}@media (width<=640px){.page-shell{padding:30px 18px 42px}.panel{padding:20px 18px}.modal-overlay{padding:12px}.modal-card{padding:20px 18px}.step-label{font-size:.64rem}}