@charset "UTF-8";:root{--space: #04050c;--space2: #080a15;--glass: rgba(18, 26, 50, .5);--glass2: rgba(24, 34, 62, .6);--line: rgba(120, 190, 255, .13);--line2: rgba(120, 210, 255, .26);--ink: #eaf5ff;--muted: #9db2d6;--dim: #69789e;--cyan: #22a1ff;--cyan-l: #7dc0ff;--blue: #2a7bff;--aqua: #6d9bff;--violet: #8f78ff;--plasma: #ff5db4;--good: #3fe0a0;--amber: #ffbf5a;--rose: #ff6b86;--sky: #5ab0ff;--glow-c: rgba(34, 161, 255, .6);--glow-b: rgba(42, 123, 255, .5);--grad-image: linear-gradient(110deg, var(--cyan-l), var(--cyan) 45%, var(--violet));--orb-opacity: .55;--card-glow-opacity: .5;--card-bg: var(--glass);--card-shadow: 0 12px 46px rgba(0, 0, 0, .4);--stat-shadow: 0 8px 30px rgba(0, 0, 0, .3);--card-rule-opacity: 1;--side-bg: linear-gradient(180deg, rgba(10, 14, 28, .72), rgba(6, 8, 18, .72));--top-bg: rgba(4, 5, 12, .55);--hero-bg: linear-gradient(115deg, rgba(16, 26, 56, .72), rgba(8, 14, 34, .6));--console-bg: #03060e;--wallpaper-c: #7aa8ff;--on-accent: #fff;--on-bg: linear-gradient(100deg, rgba(34, 161, 255, .22), rgba(154, 134, 255, .1));--on-fg: #fff;--on-ring: inset 0 0 22px rgba(34, 161, 255, .14);--on-icon: var(--cyan-l);--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 8px;--r-md: 11px;--r-lg: 13px;--r-xl: 16px;--r-2xl: 18px;--r-3xl: 22px;--r-4xl: 26px;--r-pill: 20px;--r-full: 999px;--sh-sm: 0 8px 26px rgba(0, 0, 0, .35);--sh-md: 0 12px 46px rgba(0, 0, 0, .4);--sh-lg: 0 18px 56px rgba(0, 0, 0, .45);--sh-xl: 0 30px 90px rgba(0, 0, 0, .55);--sh-accent: 0 10px 30px rgba(34, 161, 255, .45);--sh-accent-hi: 0 16px 40px rgba(34, 161, 255, .6);--font-sans: "Kanit", "Segoe UI Variable", "Segoe UI", system-ui, "Noto Sans Thai", sans-serif;--font-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: 10.5px;--fs-sm: 11.5px;--fs-base: 13px;--fs-md: 13.5px;--fs-lg: 14.5px;--fs-xl: 16px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 28px;--lh-base: 1.55;--z-bg: 0;--z-app: 1;--z-topbar: 20;--z-float: 40;--z-navdim: 110;--z-drawer: 120;--z-modal: 200;--z-toast: 300;--dur-fast: .15s;--dur-base: .18s;--dur-slow: .25s;--dur-enter: .7s;--ease-out: cubic-bezier(.2, .7, .25, 1);--ease-std: ease}:root[data-theme=light]{--space: #eef3fb;--space2: #e6edf8;--glass: rgba(255, 255, 255, .85);--glass2: rgba(255, 255, 255, .93);--line: rgba(28, 74, 138, .16);--line2: rgba(22, 116, 190, .32);--ink: #0f1e37;--muted: #465873;--dim: #74839c;--cyan: #1183f2;--cyan-l: #2f97ff;--blue: #2a63ea;--aqua: #3f6fd6;--violet: #6a4fe6;--plasma: #e0459a;--good: #12a06a;--amber: #c07a12;--rose: #e0455f;--sky: #3a8fe0;--glow-c: rgba(37, 100, 216, .18);--glow-b: rgba(47, 87, 214, .14);--grad-image: linear-gradient(110deg, #1183f2 6%, #3f5ee8 52%, #6a4fe6);--orb-opacity: .1;--card-glow-opacity: .28;--card-bg: rgba(255, 255, 255, .9);--card-shadow: 0 6px 22px rgba(40, 72, 132, .09);--stat-shadow: 0 6px 22px rgba(40, 72, 132, .09);--card-rule-opacity: .35;--side-bg: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(244, 248, 253, .85));--top-bg: rgba(238, 242, 250, .72);--hero-bg: linear-gradient(120deg, #dceafd, #e9f2fe 55%, #e3ecff);--console-bg: #0b1830;--wallpaper-c: #3a6fe0;--on-bg: linear-gradient(100deg, rgba(47, 87, 214, .15), rgba(106, 79, 230, .09));--on-fg: #20439a;--on-ring: inset 0 0 0 1px rgba(47, 87, 214, .22);--on-icon: #2f57d6;--sh-sm: 0 6px 22px rgba(40, 72, 132, .09);--sh-md: 0 6px 22px rgba(40, 72, 132, .09);--sh-lg: 0 12px 34px rgba(40, 72, 132, .12);--sh-xl: 0 20px 60px rgba(40, 72, 132, .16)}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/kanit-500-1.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/kanit-500-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/kanit-600-1.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/kanit-600-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/kanit-700-1.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/kanit-700-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(34,161,255,.5) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#78b4ff0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue),var(--cyan));border-radius:var(--r-pill);border:3px solid var(--space);box-shadow:0 0 8px #22a1ff66}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyan),var(--cyan-l))}::-webkit-scrollbar-corner{background:transparent}html{scroll-behavior:smooth;color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{margin:0;background:var(--space);color:var(--ink);overflow-x:hidden;font-family:var(--font-sans);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--r-xs)}.amb{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;overflow:hidden}.amb .orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--orb-opacity);animation:drift 24s ease-in-out infinite}.amb .o1{width:600px;height:600px;background:radial-gradient(circle,rgba(34,161,255,.5),transparent 70%);top:-200px;right:-140px}.amb .o2{width:520px;height:520px;background:radial-gradient(circle,rgba(42,123,255,.45),transparent 70%);bottom:-220px;left:-120px;animation-delay:-8s}.amb .o3{width:400px;height:400px;background:radial-gradient(circle,rgba(154,134,255,.3),transparent 70%);top:38%;left:52%;animation-delay:-15s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,36px) scale(1.14)}}.wallpaper{position:fixed;left:0;right:0;bottom:0;height:60vh;z-index:var(--z-bg);pointer-events:none;opacity:.9;color:var(--wallpaper-c)}.wallpaper svg{width:100%;height:100%;display:block}.rin{opacity:0;transform:translateY(20px);animation:rin var(--dur-enter) var(--ease-out) forwards}.rin:nth-child(1){animation-delay:.02s}.rin:nth-child(2){animation-delay:.1s}.rin:nth-child(3){animation-delay:.18s}.rin:nth-child(4){animation-delay:.26s}@keyframes rin{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.amb .orb{animation:none}.rin{opacity:1;transform:none;animation:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.serif{font-family:var(--font-sans)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grad{background:var(--grad-image);-webkit-background-clip:text;background-clip:text;color:transparent}h1.pg,.pg{font-size:var(--fs-3xl);font-weight:850;letter-spacing:-.02em;margin:0}.subt{color:var(--muted);font-size:var(--fs-base);margin-top:3px}.lbl{font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.dimtxt{color:var(--dim)}.mutedtxt{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:inherit;font-weight:800;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-6);font-size:var(--fs-lg);cursor:pointer;border:none;transition:var(--dur-base);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn.pri{background:linear-gradient(110deg,var(--blue),var(--cyan));color:#fff;box-shadow:var(--sh-accent)}.btn.pri:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:shine 3.5s ease-in-out infinite}.btn.pri:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sh-accent-hi)}.btn.gho{background:#78b4ff0f;color:var(--ink);border:1px solid var(--line2)}.btn.dang{background:#ff6b8624;color:var(--rose);border:1px solid rgba(255,107,134,.3)}@keyframes shine{0%,55%{left:-60%}to{left:135%}}.bigbtn{display:block;width:100%;text-align:center;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#fff;font-family:inherit;font-weight:850;padding:var(--sp-3);border-radius:var(--r-lg);border:none;cursor:pointer;font-size:var(--fs-lg);margin-top:var(--sp-3);position:relative;overflow:hidden;box-shadow:0 10px 30px #22a1ff66}.bigbtn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:shine 3.5s ease-in-out infinite}.bigbtn:disabled{opacity:.5;cursor:not-allowed}.soft{padding:9px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass);color:var(--ink);font-family:inherit;font-size:12.5px;cursor:pointer;transition:var(--dur-fast)}.soft.sel{border-color:var(--cyan);color:var(--cyan-l);box-shadow:0 0 16px #22a1ff38}.icobtn{width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);position:relative;cursor:pointer;background:var(--glass);font-family:inherit}.icobtn .dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--plasma);box-shadow:0 0 8px var(--plasma)}@media(prefers-reduced-motion:reduce){.btn.pri:after,.bigbtn:after{animation:none}}.field{width:100%;background:#78b4ff0d;border:1px solid var(--line);border-radius:var(--r-md);padding:11px var(--sp-3);color:var(--ink);font-family:inherit;font-size:var(--fs-base);outline:none;transition:var(--dur-fast)}.field::placeholder{color:var(--dim)}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22a1ff1f}.field:disabled{opacity:.55;cursor:not-allowed}.field.invalid{border-color:var(--rose);box-shadow:0 0 0 3px #ff6b861f}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--sp-8)}select.field option{background:var(--space2);color:var(--ink)}textarea.field{resize:vertical;min-height:92px;line-height:var(--lh-base)}.flabel{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--muted);margin-bottom:var(--sp-1)}.fhint{font-size:var(--fs-sm);color:var(--dim);margin-top:var(--sp-1)}.ferror{font-size:var(--fs-sm);color:var(--rose);margin-top:var(--sp-1)}.otp{width:46px;text-align:center;font-size:var(--fs-2xl);font-weight:800;font-family:var(--font-mono);padding:var(--sp-2) 0}.lang{display:flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;font-size:var(--fs-sm);font-weight:700}.lang b,.lang button{padding:6px 11px;cursor:pointer;color:var(--dim);font:inherit;background:none;border:none}.lang b.on,.lang button.on{background:var(--blue);color:#fff}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r-2xl);padding:var(--sp-5);position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(140,240,255,.55),transparent);opacity:var(--card-rule-opacity)}.card .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 40% at 88% -8%,var(--gc, var(--glow-c)),transparent 68%);opacity:var(--card-glow-opacity)}.stat{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-xl);padding:17px;position:relative;overflow:hidden;transition:var(--dur-slow);box-shadow:var(--stat-shadow)}.stat:hover{border-color:var(--line2);box-shadow:0 18px 48px #22a1ff2e}.stat:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,var(--cco, var(--glow-c)),transparent);opacity:calc(.7 * var(--card-rule-opacity))}.stat .g{position:absolute;inset:0;background:radial-gradient(55% 45% at 92% -10%,var(--gc),transparent 68%);opacity:var(--card-glow-opacity)}.stat .top2{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.stat .v{font-size:var(--fs-4xl);font-weight:850;margin-top:7px;position:relative;letter-spacing:-.02em}.stat .v small{font-size:var(--fs-base);color:var(--muted);font-weight:600}.stat .sub2{font-size:var(--fs-sm);color:var(--muted);margin-top:2px;position:relative}.stat:hover .chip{transform:rotate(-8deg) scale(1.14)}.chip{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--cc);background:var(--cbg);color:var(--cco);transition:transform .3s;box-shadow:0 0 20px var(--cc)}.prog{height:7px;border-radius:5px;background:#78b4ff14;overflow:hidden;margin-top:5px}.prog i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 12px var(--glow-c);transition:width var(--dur-slow) var(--ease-out)}.gauge{display:flex;flex-direction:column;align-items:center;gap:6px}.gauge .ring{position:relative;width:92px;height:92px}.gauge svg{transform:rotate(-90deg)}.gauge .lbl{font-weight:800;font-size:var(--fs-base);display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:normal;color:var(--ink)}.gauge .loc{font-size:10px;color:var(--dim)}.gauge .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge .ctr b{font-size:17px;font-weight:850}.gauge .ctr span{font-size:8.5px;color:var(--dim)}.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}.spark{display:flex;align-items:flex-end;gap:3px;height:46px;margin-top:var(--sp-2)}.spark span{flex:1;background:linear-gradient(180deg,var(--cyan),rgba(34,161,255,.08));border-radius:3px;box-shadow:0 0 8px #22a1ff33}.spark span:last-child{background:linear-gradient(180deg,var(--cyan-l),var(--cyan));box-shadow:0 0 16px var(--glow-c)}.check{display:flex;align-items:center;gap:var(--sp-3);padding:11px 0;border-top:1px solid var(--line)}.check:first-of-type{border-top:none}.check .box{width:24px;height:24px;border-radius:var(--r-sm);border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--dim)}.check.done .box{background:var(--good);border-color:var(--good);color:#04140d;box-shadow:0 0 14px #3fe0a08c}.check .t{flex:1;font-size:var(--fs-base)}.check.done .t{color:var(--muted);text-decoration:line-through}.check .go{font-size:var(--fs-sm);color:var(--cyan-l);font-weight:700;cursor:pointer}.qa{display:flex;align-items:center;gap:11px;padding:11px var(--sp-3);border-radius:var(--r-sm);background:#78b4ff0d;border:1px solid var(--line);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:var(--dur-fast)}.qa:hover{border-color:var(--line2);background:#22a1ff14;transform:translate(3px)}.qa .ic{color:var(--cyan-l)}.listrow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);background:var(--card-bg);border:1px solid var(--line);margin-bottom:9px;box-shadow:var(--stat-shadow)}.listrow .ic{width:38px;height:38px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.listrow .t{flex:1}.listrow .t b{font-size:var(--fs-md)}.listrow .t p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--muted)}.srvcard{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-4);transition:var(--dur-slow);box-shadow:var(--stat-shadow)}.srvcard:hover{border-color:var(--line2);transform:translateY(-2px)}.console{background:var(--console-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px var(--sp-4);font-family:var(--font-mono);font-size:12px;line-height:1.7;color:#a9cbff;height:220px;overflow:auto}.console .g2c{color:#3fe0a0}.console .dim{color:#4a6a8a}.tblwrap{width:100%;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;color:var(--dim);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:9px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:11px;border-bottom:1px solid var(--line);color:var(--muted)}.tbl td b{color:var(--ink)}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background var(--dur-fast)}.tbl tbody tr:hover{background:#78b4ff0a}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.lead{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-3);border-radius:var(--r-sm);background:#78b4ff0a;border:1px solid var(--line);margin-bottom:var(--sp-2)}.lead .rk{width:28px;font-weight:850;text-align:center;font-size:15px}.lead .av{width:34px;height:34px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:var(--fs-base)}.statusrow{display:flex;align-items:center;gap:14px;padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.statusrow .t{flex:1;font-size:var(--fs-md);min-width:120px}.upbars{display:flex;gap:2px;flex:2;max-width:360px}.upbars i{flex:1;height:22px;border-radius:2px;background:var(--good);opacity:.72}.upbars i.dip{background:var(--amber);opacity:.9}.pill{display:inline-block;font-size:var(--fs-xs);font-weight:800;padding:3px 9px;border-radius:var(--r-pill)}.pill.on2{background:#3fe0a029;color:var(--good)}.pill.off{background:#ff6b8624;color:var(--rose)}.pill.pend{background:#ffbf5a29;color:var(--amber)}.pill.info{background:#5ab0ff29;color:var(--sky)}.pill.neutral{background:#78b4ff1a;color:var(--muted)}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg b{padding:var(--sp-2) 15px;border-radius:var(--r-sm);font-size:12px;cursor:pointer;color:var(--muted);border:1px solid var(--line);background:var(--glass);font-weight:600;font-family:inherit}.seg b.on{background:var(--on-bg);color:var(--on-fg);border-color:var(--line2)}.srvtabs{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.srvtabs b{white-space:nowrap;flex-shrink:0}.srvtabs::-webkit-scrollbar{height:5px}.wsteps{display:flex;gap:9px;margin:var(--sp-2) 0 var(--sp-5)}.wstep{flex:1;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;gap:var(--sp-2);align-items:center}.wstep b{width:21px;height:21px;border-radius:50%;background:#78b4ff1a;display:flex;align-items:center;justify-content:center;font-size:11px}.wstep.on{border-color:var(--line2);background:var(--on-bg);color:var(--on-fg);box-shadow:var(--on-ring)}.wstep.on b{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:st}.stp{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--stat-shadow)}.stp .n{counter-increment:st;font-family:var(--font-mono);font-weight:800;color:var(--cyan-l)}.stp .n:before{content:"0" counter(st)}.plan{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:15px;padding:15px;cursor:pointer;position:relative;transition:var(--dur-base);box-shadow:var(--stat-shadow)}.plan:hover{border-color:var(--line2);transform:translateY(-3px)}.plan.sel{border:1.5px solid transparent;background:linear-gradient(var(--space2),var(--space2)) padding-box,linear-gradient(140deg,var(--cyan),var(--violet)) border-box;box-shadow:0 0 34px #22a1ff38}.plan .pop{position:absolute;top:-10px;left:14px;font-size:9.5px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--cyan),var(--blue));padding:3px 9px;border-radius:var(--r-pill);box-shadow:0 0 14px var(--glow-c)}.plan .nm{font-weight:800;font-size:14px}.plan .spec{font-size:11px;color:var(--muted);margin:5px 0}.plan .pr{font-size:var(--fs-2xl);font-weight:850}.plan .pr small{font-size:11px;color:var(--muted);font-weight:600}.plan .day{font-size:var(--fs-xs);color:var(--dim)}.amtgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.amtgrid .amt{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3);text-align:center;cursor:pointer;position:relative;background:var(--card-bg);transition:var(--dur-fast);box-shadow:var(--stat-shadow)}.amtgrid .amt:hover{border-color:var(--line2)}.amtgrid .amt.sel{border:1.5px solid transparent;background:linear-gradient(var(--space2),var(--space2)) padding-box,linear-gradient(140deg,var(--cyan),var(--violet)) border-box;box-shadow:0 0 26px #22a1ff33}.amtgrid .amt .a{font-weight:850;font-size:17px}.amtgrid .amt .b{font-size:var(--fs-xs);color:var(--good);font-weight:800;margin-top:2px}.amtgrid .amt .tag{font-size:9.5px;color:var(--dim)}.pay{display:flex;gap:var(--sp-3)}.paych{flex:1;border:1.5px solid var(--line);border-radius:15px;padding:15px;cursor:pointer;position:relative;background:var(--card-bg);transition:var(--dur-fast);box-shadow:var(--stat-shadow)}.paych.sel{border-color:var(--cyan);box-shadow:0 0 26px #22a1ff33}.paych .pn{font-weight:800;font-size:var(--fs-md);display:flex;align-items:center;gap:var(--sp-2)}.paych .pd{font-size:11px;color:var(--muted);margin-top:var(--sp-1)}.paych .best{position:absolute;top:-10px;right:12px;font-size:9.5px;font-weight:800;color:#04140d;background:var(--good);padding:3px 9px;border-radius:var(--r-pill);box-shadow:0 0 14px #3fe0a080}.promo{display:flex;gap:var(--sp-3)}.promoc{flex:1;border:1px solid var(--line2);border-radius:var(--r-xl);padding:var(--sp-4);position:relative;overflow:hidden;background:linear-gradient(120deg,#22a1ff1f,#9a86ff0f)}.promoc:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 90% 0,rgba(34,161,255,.22),transparent 60%)}.promoc .x{font-size:var(--fs-4xl);font-weight:850;position:relative}.promoc .pt{font-size:var(--fs-base);font-weight:800;margin-top:2px;position:relative}.promoc .pp{font-size:11px;color:var(--muted);position:relative}.summary{background:var(--glass2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line2);border-radius:var(--r-2xl);padding:19px;position:sticky;top:92px;box-shadow:var(--sh-lg)}.srow{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;color:var(--muted)}.srow b{color:var(--ink)}.collect{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-3)}.gcard{aspect-ratio:3/4;border-radius:var(--r-lg);position:relative;overflow:hidden;border:1px solid var(--line2);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-3);cursor:pointer;transition:var(--dur-slow);box-shadow:var(--sh-sm)}.gcard:hover{transform:translateY(-5px);box-shadow:0 16px 40px #22a1ff33}.gcard.lock{opacity:.45;filter:grayscale(.5)}.gcard:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 30%,rgba(255,255,255,.14),transparent 70%)}.gcard .rar{position:absolute;top:9px;left:9px;font-size:9px;font-weight:800;padding:2px var(--sp-2);border-radius:var(--r-pill);z-index:2}.gcard .em{font-size:34px;position:relative;z-index:2;margin-bottom:auto;margin-top:var(--sp-2);text-align:center}.gcard .nm{font-weight:800;font-size:12.5px;position:relative;z-index:2;color:#fff}.gcard .sub{font-size:10px;color:#ffffffb8;position:relative;z-index:2}:root[data-theme=light] .gcard.lock{opacity:.66;filter:grayscale(.45)}.r-com{background:linear-gradient(160deg,#1a2b44,#0d1626)}.r-rar{background:linear-gradient(160deg,#12385c,#0a1a2e)}.r-epic{background:linear-gradient(160deg,#2e2358,#140d2c)}.r-leg{background:linear-gradient(160deg,#4a3712,#2a1d06)}.rar.c-com{background:#33465e;color:#cfe}.rar.c-rar{background:#1e6ea8;color:#dff}.rar.c-epic{background:#6a3fd0;color:#eef}.rar.c-leg{background:#d99a2a;color:#2a1d06}.app{position:relative;z-index:var(--z-app);display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{background:var(--side-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:var(--sp-4) var(--sp-3);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;letter-spacing:.05em;font-size:var(--fs-xl);padding:6px var(--sp-2) var(--sp-5)}.brand .lg{filter:drop-shadow(0 0 14px var(--glow-c));flex-shrink:0}.navgrp{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700;padding:15px var(--sp-2) 6px}.nav{display:flex;align-items:center;gap:11px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:var(--dur-base);border:1px solid transparent;width:100%;text-align:left;background:none;font-family:inherit}.nav:hover{background:#78b4ff0f;color:var(--ink)}.nav.on{background:var(--on-bg);color:var(--on-fg);border:1px solid var(--line2);box-shadow:var(--on-ring)}.nav.on svg{color:var(--on-icon)}.nav svg{width:17px;height:17px;flex-shrink:0}.nav .tag{font-size:8px;color:#fff;padding:1px 5px;border-radius:6px;margin-left:auto;font-weight:800}.nav .tag.plus{background:linear-gradient(100deg,var(--cyan),var(--violet))}.nav .tag.beta{background:var(--violet)}.side .foot{margin-top:var(--sp-5);padding:var(--sp-3);border-radius:var(--r-lg);background:#3fe0a00f;border:1px solid rgba(63,224,160,.2);font-size:var(--fs-sm);color:var(--muted)}.sidex{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.sidex .lang{display:none;align-self:flex-start}.nav.out{color:var(--rose);font-family:inherit}.top{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--top-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:var(--z-topbar)}.top .hi{font-size:var(--fs-xl);font-weight:800}.top .hi small{display:block;font-size:var(--fs-sm);color:var(--dim);font-weight:500}.top .right{display:flex;align-items:center;gap:var(--sp-3)}.walletchip{display:flex;align-items:center;gap:7px;padding:7px var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line2);background:#22a1ff1a;font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer;white-space:nowrap;font-family:inherit;transition:var(--dur-fast)}.walletchip:hover{background:#22a1ff29}.walletchip .cur{color:var(--cyan-l)}.avatar{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 0 18px var(--glow-c);flex-shrink:0;cursor:pointer;border:none;font-family:inherit}.main{padding:var(--sp-7) clamp(20px,3.5vw,48px);max-width:1680px;margin:0 auto;width:100%;min-width:0}.screen{min-width:0}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.g2{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--sp-4)}.mt{margin-top:var(--sp-4)}.hero{position:relative;border-radius:var(--r-4xl);overflow:hidden;padding:34px 36px;min-height:250px;display:flex;align-items:center;gap:var(--sp-6);background:var(--hero-bg);border:1px solid var(--line2);box-shadow:0 28px 80px #00000080,inset 0 0 60px #22a1ff0d}.hero .beam{position:absolute;inset:0;background:radial-gradient(55% 130% at 82% 20%,rgba(34,161,255,.24),transparent 55%),radial-gradient(45% 90% at 12% 120%,rgba(42,123,255,.22),transparent 55%)}.hero .txt{position:relative;z-index:3;flex:1}.hero .ey{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-l);font-weight:700}.hero h2{font-size:clamp(26px,3.6vw,40px);font-weight:850;letter-spacing:-.025em;line-height:1.05;margin:var(--sp-2) 0 0}.hero p{color:var(--muted);font-size:14px;margin:9px 0 0;max-width:46ch}.hero .cta{display:flex;gap:var(--sp-3);margin-top:22px;flex-wrap:wrap}.bubble{background:#22a1ff24;border:1px solid var(--line2);border-radius:var(--r-lg);padding:var(--sp-2) 14px;font-size:12.5px;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;box-shadow:0 8px 24px #0000004d}.bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#22a1ff24;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transform:rotate(45deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ai{position:fixed;right:26px;bottom:26px;z-index:var(--z-float);display:flex;align-items:center;gap:9px;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#fff;font-weight:850;padding:var(--sp-3) var(--sp-5);border-radius:30px;box-shadow:0 14px 38px #22a1ff80;cursor:pointer;font-size:var(--fs-md);border:none;font-family:inherit;animation:bob 3.5s ease-in-out infinite}.ai.on{z-index:var(--z-drawer);animation:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.menubtn{display:none;width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:19px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-family:inherit}.navdim{position:fixed;inset:0;background:#00000080;z-index:var(--z-navdim);opacity:0;pointer-events:none;transition:var(--dur-slow);border:none}.navdim.open{opacity:1;pointer-events:auto}.authpage{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(130% 120% at 50% -10%,#0c1740,var(--space));overflow-y:auto}:root[data-theme=light] .authpage{background:radial-gradient(130% 120% at 50% -10%,#dce8fb,var(--space))}.authmini{width:100%;max-width:380px;background:var(--glass2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:var(--r-3xl);padding:34px 30px;box-shadow:var(--sh-xl)}.authback{position:absolute;top:22px;left:26px;color:var(--muted);font-size:12.5px;cursor:pointer;z-index:2;background:none;border:none;font-family:inherit}.authcard{display:grid;grid-template-columns:1.05fr .95fr;width:100%;max-width:900px;background:var(--glass2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:var(--r-4xl);overflow:hidden;box-shadow:var(--sh-xl)}.authbrand{padding:40px 34px;background:linear-gradient(155deg,#22a1ff29,#9a86ff1f)}.authbrand .brandname{font-weight:850;letter-spacing:.05em;font-size:var(--fs-2xl);margin:var(--sp-3) 0 var(--sp-4)}.authbrand h2{font-size:23px;font-weight:800;line-height:1.22;margin:0}.authbrand ul{list-style:none;padding:0;margin:22px 0 0;font-size:var(--fs-base);color:var(--muted)}.authbrand li{margin:var(--sp-2) 0}.authform{padding:36px 32px;display:flex;flex-direction:column;gap:11px}.authsoc{width:100%;justify-content:center}.authdiv{text-align:center;color:var(--dim);font-size:12px;position:relative}.qrbox{background:#fff;border-radius:var(--r-xl);padding:14px;display:inline-block;margin:14px 0 var(--sp-2);box-shadow:0 8px 24px #0003}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.g4,.g3{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}.pay,.promo{flex-direction:column}.collect{grid-template-columns:repeat(3,1fr)}.steps3{grid-template-columns:1fr}.side{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:264px;z-index:var(--z-drawer);transform:translate(-100%);transition:transform .26s ease;box-shadow:8px 0 40px #00000080}.side.open{transform:none}.menubtn{display:flex}}@media(max-width:760px){.authcard{grid-template-columns:1fr;max-width:420px}.authbrand{display:none}}@media(max-width:640px){.top{padding:var(--sp-3) var(--sp-4)}.top .hi{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.top .hi small{display:none}.top .right{gap:6px}.top .lang{display:none}.sidex .lang{display:flex}}@media(max-width:560px){.ai.on{display:none}.g4,.g3,.amtgrid{grid-template-columns:1fr 1fr}.collect{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){.ai{animation:none}}