:root{--brand: #F0500A;--brand-hover: #D4430A;--brand-soft: rgba(240, 80, 10, .07);--brand-glow: rgba(240, 80, 10, .28);--text-1: #181B22;--text-2: #5C6370;--border: #ECEAE4;--border-strong: #DAD6CE;--bg: #FBFAF7;--surface: #FFFFFF;--bg-soft: #F5F3EE;--header-bg: rgba(251, 250, 247, .85);--grid-line: rgba(24, 27, 34, .032);--skel-shine: rgba(255, 255, 255, .85);--green: #0F9D6C;--red: #E0442E;--radius-card: 20px;--radius-btn: 100px;--radius-input: 12px;--shadow-card: 0 1px 2px rgba(20, 22, 28, .04), 0 12px 40px rgba(20, 22, 28, .06);--shadow-card-hover: 0 2px 4px rgba(20, 22, 28, .05), 0 22px 60px rgba(20, 22, 28, .1);--font: "Inter", "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.22, .68, .35, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-1);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}.ic{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:-.2em}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-size:15.5px;font-weight:600;letter-spacing:.01em;padding:14px 32px;border-radius:var(--radius-btn);border:none;cursor:pointer;transition:all .22s var(--ease);text-decoration:none;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#f0500a,#ff6b2c);color:#fff;box-shadow:0 2px 10px #f0500a40}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-110%);transition:transform .6s var(--ease)}.btn-primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 10px 30px var(--brand-glow)}.btn .ic{transition:transform .25s var(--ease)}.btn:hover .ic{transform:translate(4px)}.btn-primary:hover:after{transform:translate(110%)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-2);border:1.5px solid var(--border-strong)}.btn-ghost:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.btn-spin{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.input-text{width:100%;font-family:var(--font);font-size:15px;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-input);outline:none;transition:border .18s,box-shadow .18s;background:var(--surface);color:var(--text-1)}.input-text:focus{border-color:var(--brand);box-shadow:0 0 0 3.5px var(--brand-soft)}.input-text.invalid{border-color:var(--red)}.q-block{margin-bottom:28px}.q-label{font-size:16px;font-weight:600;margin-bottom:4px;display:block}.q-hint{font-size:13px;color:var(--text-2);margin-bottom:10px}.q-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--red);margin-top:8px;animation:shake .3s var(--ease)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.opt{display:flex;align-items:flex-start;gap:12px;padding:14px 17px;border:1.5px solid var(--border);border-radius:14px;cursor:pointer;transition:all .18s var(--ease);margin-bottom:9px;font-size:15px;background:var(--surface)}.opt:hover{border-color:#f0500a73;box-shadow:0 4px 18px #f0500a14;transform:translate(3px)}.opt.selected{border-color:var(--brand);background:linear-gradient(0deg,var(--brand-soft),var(--brand-soft)),var(--surface);box-shadow:0 0 0 1px var(--brand)}.opt input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;margin-top:3px;border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;transition:all .18s var(--ease)}.opt input[type=radio]{border-radius:50%}.opt input[type=radio]:checked{border-color:var(--brand);background:radial-gradient(circle,var(--brand) 0 5.5px,var(--surface) 6.5px);box-shadow:0 0 0 3.5px var(--brand-soft)}.opt input[type=checkbox]{border-radius:6px}.opt input[type=checkbox]:checked{border-color:var(--brand);background:var(--brand) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="20 6 9 17 4 12"/%3E%3C/svg%3E') center/13px no-repeat;box-shadow:0 0 0 3.5px var(--brand-soft)}.opt input:focus-visible{outline:none;box-shadow:0 0 0 3.5px var(--brand-soft)}.opt input:disabled{opacity:.35;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.container{max-width:1080px;margin:0 auto;padding:0 24px}@property --ba{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.badge{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--brand);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:7px 16px;border-radius:100px;border:1px solid transparent;background-clip:padding-box}.badge:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ba),rgba(240,80,10,.08),var(--brand) 18%,rgba(240,80,10,.08) 38%,rgba(240,80,10,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderSpin 3.6s linear infinite;pointer-events:none}@keyframes borderSpin{to{--ba: 360deg}}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 0 0 var(--brand-glow)}50%{opacity:.55;box-shadow:0 0 0 5px transparent}}.progress-track{height:6px;background:var(--border);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#f0500a,#ff7a45);border-radius:4px;transition:width .5s var(--ease);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:flow 1.8s linear infinite}.progress-fill:before{content:"";position:absolute;right:-1px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--brand);transform:translateY(-50%);box-shadow:0 0 10px 2px var(--brand-glow)}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-loader{position:relative;width:64px;height:64px;margin:0 auto}.ai-loader .core{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;background:var(--brand);animation:corePulse 1.6s ease-in-out infinite}.ai-loader .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand);animation:rot 1.1s linear infinite}.ai-loader .ring.r2{top:7px;right:7px;bottom:7px;left:7px;border-top-color:#f0500a73;animation-duration:1.7s;animation-direction:reverse}.ai-loader .ring.r3{top:14px;right:14px;bottom:14px;left:14px;border-top-color:#f0500a40;animation-duration:2.3s}@keyframes corePulse{0%,to{transform:scale(.85);box-shadow:0 0 0 0 var(--brand-glow)}50%{transform:scale(1);box-shadow:0 0 18px 2px var(--brand-glow)}}.ai-dots{display:inline-flex;gap:5px}.ai-dots i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:dotWave 1.2s ease-in-out infinite}.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}@keyframes dotWave{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}.skel{position:relative;overflow:hidden;background:var(--bg-soft);border-radius:8px}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--skel-shine),transparent);animation:flow 1.4s linear infinite}.check-burst{position:relative;width:76px;height:76px;margin:0 auto 20px}.check-burst .halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#10b9811f;animation:halo 2s var(--ease) infinite}@keyframes halo{0%{transform:scale(.8);opacity:1}to{transform:scale(1.45);opacity:0}}.check-burst .disc{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #10b98159;animation:pop .45s var(--ease) both}@keyframes pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.check-burst svg{width:32px;height:32px;stroke:#fff;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-burst svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s .25s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.pipe{max-width:380px;margin:26px auto 0;text-align:left;display:flex;flex-direction:column;gap:4px}.pipe-step{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:10px;transition:all .3s var(--ease)}.pipe-step .ps-icon{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-strong);color:var(--border-strong);transition:all .35s var(--ease)}.pipe-step .ps-label{font-size:14.5px;color:var(--text-2);font-weight:500;transition:color .3s}.pipe-step.running{background:var(--brand-soft)}.pipe-step.running .ps-icon{border-color:transparent;color:transparent;background:conic-gradient(from var(--ba),var(--brand-soft),var(--brand) 70%,var(--brand-soft)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude;border-width:2.5px;border-style:solid;animation:borderSpin 1.1s linear infinite}.pipe-step.running .ps-label{color:var(--text-1);font-weight:600}.pipe-step.done .ps-icon{border-color:var(--green);background:var(--green);color:#fff}.pipe-step.done .ps-label{color:var(--text-1)}.pipe-step .ps-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.step-enter-active{transition:opacity .32s var(--ease),transform .32s var(--ease)}.step-leave-active{transition:opacity .18s ease,transform .18s ease;position:relative}.step-enter-from{opacity:0;transform:translateY(14px)}.step-leave-to{opacity:0;transform:translateY(-8px)}.fade-in{animation:fadeIn .35s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*{opacity:0;animation:fadeIn .5s var(--ease) forwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.14s}.stagger>*:nth-child(3){animation-delay:.23s}.stagger>*:nth-child(4){animation-delay:.32s}.tech-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.tech-bg .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--grid-line) 1.2px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(ellipse 85% 65% at 50% 28%,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 28%,#000 25%,transparent 72%)}.tech-bg .blob{position:absolute;inset:-10% -10% auto;height:75%;border-radius:0;filter:blur(80px);opacity:.5;background:radial-gradient(38% 45% at 22% 28%,rgba(240,80,10,.12),transparent 70%),radial-gradient(34% 40% at 78% 22%,rgba(255,154,98,.1),transparent 70%),radial-gradient(30% 36% at 55% 60%,rgba(99,102,241,.07),transparent 70%);animation:meshDrift 26s ease-in-out infinite alternate}.tech-bg .b2{display:none}@keyframes meshDrift{to{transform:translate3d(-3%,4%,0) scale(1.08)}}.tech-bg .scan{position:absolute;top:22%;left:-30%;width:34%;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.5;animation:beamX 9s var(--ease) infinite}.tech-bg .scan:after{content:"";position:absolute;top:14vh;left:18%;width:120%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.55),transparent);animation:beamX 13s var(--ease) 2.5s infinite}@keyframes beamX{0%{transform:translate(0);opacity:0}12%{opacity:.6}88%{opacity:.35}to{transform:translate(440%);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark]{--bg: #0C0F14;--surface: #13171F;--bg-soft: #1A1F29;--header-bg: rgba(12, 15, 20, .85);--text-1: #ECEEF2;--text-2: #9BA2AE;--border: #232936;--border-strong: #353D4E;--brand: #FF5E1A;--brand-soft: rgba(255, 94, 26, .12);--brand-glow: rgba(255, 94, 26, .3);--grid-line: rgba(255, 255, 255, .035);--skel-shine: rgba(255, 255, 255, .06);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 44px rgba(0, 0, 0, .42);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 24px 64px rgba(0, 0, 0, .55)}[data-theme=dark] .tech-bg .b1{background:#f0500a1f}[data-theme=dark] .tech-bg .b2{background:#ff7a4514}[data-theme=dark] .tech-bg .scan{background:linear-gradient(90deg,transparent,rgba(255,122,69,.45),transparent)}[data-theme=dark] .btn-ghost{color:var(--text-2)}[data-theme=dark] .btn-primary{box-shadow:0 2px 14px #f0500a59}.theme-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .22s var(--ease)}.theme-btn:hover{color:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);transform:rotate(12deg)}.theme-btn .ic{width:18px;height:18px}.theme-ic-enter-active,.theme-ic-leave-active{transition:opacity .18s ease,transform .18s ease}.theme-ic-enter-from{opacity:0;transform:rotate(-60deg) scale(.6)}.theme-ic-leave-to{opacity:0;transform:rotate(60deg) scale(.6)}.card,.opt,.input-text,.sv-header,.ad-header,.opt input,.theme-btn,.pipe-step,.ad-table th,.ad-table td{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s}
