@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand:#0065fb;--brand-bright:#3d8bff;--brand-deep:#0047b3;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--radius-xs:8px;--radius-s:12px;--radius:20px;--radius-l:28px;--radius-xl:36px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--container:1160px;--gutter:clamp(16px, 4vw, 32px);--header-h:64px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--bg-elev:#fff;--bg-sunken:#ebecf0;--text:#0e1522;--text-2:#4b5364;--text-3:#868d9c;--line:#10182514;--line-strong:#10182529;--glass:#ffffffb3;--glass-strong:#ffffffdb;--accent:#0065fb;--accent-hover:#0057d9;--accent-text:#fff;--accent-soft:#0065fb17;--accent-line:#0065fb47;--glow:#0065fb29;--grid:#1018250d;--danger:#dc3a40;--danger-soft:#dc3a401a;--success:#14995a;--success-soft:#14995a1a;--shadow-s:0 1px 2px #1018250d, 0 2px 8px -2px #1018250f;--shadow:0 1px 2px #1018250a, 0 18px 48px -18px #1018252e;--shadow-l:0 2px 4px #1018250a, 0 40px 90px -30px #10182547}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070b;--bg-elev:#0d1118;--bg-sunken:#090c11;--text:#f2f4f8;--text-2:#a9b0be;--text-3:#697183;--line:#ffffff13;--line-strong:#ffffff26;--glass:#0d11189e;--glass-strong:#0d1118d6;--accent:#2f7dff;--accent-hover:#4b8fff;--accent-text:#fff;--accent-soft:#2f7dff21;--accent-line:#2f7dff66;--glow:#2f7dff4d;--grid:#ffffff09;--danger:#ff646a;--danger-soft:#ff646a1f;--success:#3dd68c;--success-soft:#3dd68c1f;--shadow-s:0 1px 0 #ffffff0a inset, 0 2px 8px -2px #00000080;--shadow:0 1px 0 #ffffff0d inset, 0 24px 60px -24px #000000b3;--shadow-l:0 1px 0 #ffffff0f inset, 0 50px 120px -40px #000000d9}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out), color .35s var(--ease-out), fill .35s var(--ease-out), stroke .35s var(--ease-out)!important}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-text)}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-bg:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%)}.page-bg .glow{filter:blur(120px);opacity:.55;background:radial-gradient(circle, var(--glow), transparent 65%);border-radius:50%;width:900px;height:900px;position:absolute}.page-bg .glow-a{top:-520px;left:50%;translate:-50%}.page-bg .glow-b{opacity:.3;top:30%;right:-600px}@media (prefers-reduced-motion:no-preference){.page-bg .glow-a{animation:glow-drift 18s var(--ease-in-out) infinite alternate}}@keyframes glow-drift{to{translate:-42% 60px;scale:1.1}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:1px}.section-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.05}.lead{color:var(--text-2);text-wrap:pretty;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.muted{color:var(--text-3);font-size:14px}.gradient-text{background:linear-gradient(100deg, var(--brand) 0%, var(--brand-bright) 45%, var(--brand) 90%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.gradient-text{animation:6s linear infinite sheen}}@keyframes sheen{to{background-position:-200% 0}}.btn{--h:48px;height:var(--h);letter-spacing:-.005em;white-space:nowrap;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), color .25s var(--ease-out), opacity .2s;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px}.btn-lg{--h:56px;padding:0 28px;font-size:16px}.btn-sm{--h:34px;padding:0 14px;font-size:13px}.btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:0 1px 0 #ffffff40 inset, 0 10px 30px -10px var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px 0 #ffffff40 inset, 0 14px 40px -10px var(--accent)}.btn-secondary{background:var(--glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-line);background:var(--glass-strong)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--accent-soft)}.btn:disabled{opacity:.45}.btn .arrow{transition:transform .35s var(--ease-out)}.btn:hover:not(:disabled) .arrow{transform:translate(3px)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--line)}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{height:var(--logo-size);width:auto}:root[data-theme=light] .logo-mark-dark,:root[data-theme=dark] .logo-mark-light{display:none}.logo-name{font-size:calc(var(--logo-size) * .66);letter-spacing:-.035em;color:var(--text);font-weight:800}.logo-name span{color:var(--brand)}:root[data-theme=dark] .logo-name span{color:var(--accent)}.site-header{z-index:50;height:var(--header-h);transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out), backdrop-filter .35s;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.scrolled{background:var(--glass);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.6)}.header-inner{align-items:center;gap:24px;height:100%;display:flex}.header-logo{border-radius:10px;display:flex}.header-nav{gap:4px;margin:0 auto;display:flex}.header-nav button{color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .2s,background-color .2s}.header-nav button:hover{color:var(--text);background:var(--accent-soft)}.header-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.header-nav+.header-tools{margin-left:0}@media (width<=860px){.header-nav{display:none}}.tool-btn{border:1px solid var(--line);background:var(--glass);letter-spacing:.04em;height:36px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.tool-btn:hover,.tool-btn[aria-expanded=true]{color:var(--text);border-color:var(--line-strong)}.tool-btn svg{width:16px;height:16px}.lang{position:relative}.lang-menu{background:var(--glass-strong);min-width:200px;box-shadow:var(--shadow-l);transform-origin:100% 0;border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu button{text-align:left;width:100%;color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;transition:background-color .15s,color .15s;display:flex}.lang-menu button:hover{background:var(--accent-soft);color:var(--text)}.lang-menu button.active{color:var(--text);font-weight:600}.lang-menu svg{width:16px;height:16px;color:var(--accent);margin-left:auto}.lang-code{letter-spacing:.08em;width:26px;color:var(--text-3);font-size:11px;font-weight:700}.theme-toggle{border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:3px;display:flex}.theme-toggle button{width:30px;height:28px;color:var(--text-3);border-radius:999px;place-items:center;transition:color .2s;display:grid;position:relative}.theme-toggle button[aria-checked=true]{color:var(--text)}.theme-pill{background:var(--bg-elev);box-shadow:var(--shadow-s);border:1px solid var(--line);border-radius:999px;position:absolute;inset:0}.theme-icon{display:grid;position:relative}.theme-icon svg{width:15px;height:15px}.hero{padding:clamp(40px,8vw,96px) 0 clamp(48px,8vw,96px)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (width<=960px){.hero-grid{grid-template-columns:1fr}}.hero-eyebrow{color:var(--text-2);border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 12px;font-size:13px;font-weight:500;display:inline-flex}.pulse-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.pulse-dot:after{animation:pulse 2s var(--ease-out) infinite}}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.hero-title{letter-spacing:-.045em;text-wrap:balance;margin:24px 0 22px;font-size:clamp(42px,6.6vw,84px);font-weight:800;line-height:1.02}.hero-title .word{white-space:pre;display:inline-block}.hero-sub{max-width:560px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-actions.center{justify-content:center}@media (width<=520px){.hero-actions .btn{flex:100%}}.hero-note{color:var(--text-3);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.hero-note svg{flex:none;width:14px;height:14px}.hero-visual{padding-bottom:40px;position:relative}.hv-stage{aspect-ratio:520/330;border-radius:var(--radius-xl);border:1px solid var(--line);background:radial-gradient(ellipse 60% 50% at 50% 60%, var(--accent-soft), transparent 70%), var(--bg-elev);box-shadow:var(--shadow-l);position:relative;overflow:hidden}.hv-stage:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.hv-svg{width:100%;height:100%;position:relative}.hv-rail{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round}.hv-flow{fill:none;stroke-width:3px;stroke-linecap:round}.hv-packet{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.hv-cloud path{fill:none;stroke:var(--text-3);stroke-width:2px;stroke-linejoin:round}.hv-cloud line{stroke:var(--danger);stroke-width:2.5px;stroke-linecap:round}.hv-screen{fill:var(--bg-sunken);stroke:var(--line-strong);stroke-width:1.5px}.hv-screen-inner{fill:var(--bg-elev)}.hv-row{fill:var(--line-strong)}.hv-row-accent{fill:var(--accent)}.hv-base{fill:var(--line-strong)}@media (prefers-reduced-motion:no-preference){.hv-halo{transform-box:fill-box;transform-origin:50%;animation:halo 2.6s var(--ease-out) infinite}.hv-halo-late{animation-delay:1.3s}.hv-flow{stroke-dasharray:14 10;animation:1.2s linear infinite flow}}@keyframes halo{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes flow{to{stroke-dashoffset:-24px}}.hv-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:600;position:absolute;translate:-50%}.hv-label-left{top:76%;left:18.5%}.hv-label-right{top:76%;left:81.5%}.hv-label-cloud{letter-spacing:.04em;text-transform:none;font-weight:500;top:27%;left:50%}@media (width<=520px){.hv-label{font-size:10px}}.hv-chip{width:min(360px,86%);box-shadow:var(--shadow-l);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.hv-chip-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.hv-chip-icon svg{width:20px;height:20px}.hv-chip-body{flex:1;min-width:0}.hv-chip-row{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.hv-chip-name{font-family:var(--mono);text-overflow:ellipsis;font-size:12px;overflow:hidden}.hv-chip-pct{font-variant-numeric:tabular-nums}.hv-chip-bar{background:var(--line);border-radius:999px;height:5px;margin:8px 0 6px;overflow:hidden}.hv-chip-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-bright));height:100%}.hv-chip-meta{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat{border-left:1px solid var(--line);padding:36px 24px}.stat:first-child{border-left:none;padding-left:0}.stat-value{letter-spacing:-.04em;color:var(--text);font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1}.stat-label{color:var(--text-2);margin-top:12px;font-size:14px}@media (width<=760px){.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:26px 18px}.stat:nth-child(odd){border-left:none;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.section{padding:clamp(72px,11vw,140px) 0 0}.section-head{flex-direction:column;gap:18px;max-width:760px;margin-bottom:clamp(40px,6vw,64px);display:flex}.section-head.center{text-align:center;align-items:center;margin-inline:auto}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);display:grid;position:relative}.steps-line{background:linear-gradient(90deg, var(--accent), var(--accent-line), transparent);transform-origin:0;height:1px;position:absolute;top:28px;left:28px;right:28px}.step{position:relative}.step-num{background:var(--bg-elev);border:1px solid var(--accent-line);width:56px;height:56px;box-shadow:0 0 0 6px var(--bg);font-family:var(--mono);color:var(--accent);border-radius:50%;place-items:center;margin-bottom:28px;font-size:15px;font-weight:600;display:grid}.step h3{letter-spacing:-.02em;margin-bottom:10px;font-size:21px}.step p{color:var(--text-2)}@media (width<=860px){.steps{grid-template-columns:1fr}.steps-line{display:none}.step-num{margin-bottom:18px}}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-wide{grid-column:span 2}@media (width<=960px){.features{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 1}}@media (width<=620px){.features{grid-template-columns:1fr}}.feature{height:100%;padding:30px;overflow:hidden}.spotlight:before{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-200px), var(--accent-soft), transparent 55%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.spotlight{transition:border-color .3s, transform .5s var(--ease-out)}.spotlight:hover{border-color:var(--accent-line);transform:translateY(-3px)}.feature-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:26px;display:grid}.feature-icon svg{width:24px;height:24px}.feature h3{letter-spacing:-.02em;margin-bottom:10px;font-size:20px}.feature p{color:var(--text-2);max-width:520px}.privacy{background:radial-gradient(ellipse 50% 70% at 85% 50%, var(--accent-soft), transparent 70%), var(--bg-elev);grid-template-columns:1.3fr 1fr;gap:40px;padding:clamp(32px,5vw,64px);display:grid;overflow:hidden}.privacy .section-title{margin:18px 0 20px;font-size:clamp(28px,3.6vw,44px)}.privacy-points{gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.privacy-points li{align-items:center;gap:12px;font-weight:500;display:flex}.privacy-points svg{width:20px;height:20px;color:var(--accent);flex:none}.privacy-visual{place-items:center;min-height:260px;display:grid;position:relative}.ring{border:1px solid var(--accent-line);border-radius:50%;position:absolute}.ring-1{width:140px;height:140px}.ring-2{opacity:.6;width:220px;height:220px}.ring-3{opacity:.3;width:300px;height:300px}@media (prefers-reduced-motion:no-preference){.ring{animation:breathe 5s var(--ease-in-out) infinite}.ring-2{animation-delay:.6s}.ring-3{animation-delay:1.2s}}@keyframes breathe{50%{transform:scale(1.06)}}.shield{background:linear-gradient(145deg, var(--brand-bright), var(--brand-deep));color:#fff;width:96px;height:96px;box-shadow:0 24px 60px -16px var(--accent);border-radius:30px;place-items:center;display:grid;position:relative}.shield svg{width:44px;height:44px}@media (width<=860px){.privacy{grid-template-columns:1fr}.privacy-visual{order:-1;min-height:220px}}.faq-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:clamp(24px,5vw,80px);display:grid}@media (width<=860px){.faq-grid{grid-template-columns:1fr}}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-q{letter-spacing:-.015em;text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 0;font-size:18px;font-weight:600;display:flex}.faq-icon{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;transition:background-color .3s,color .3s,border-color .3s;display:grid}.faq-item.open .faq-icon{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.faq-icon svg{width:16px;height:16px}.faq-a{overflow:hidden}.faq-a p{color:var(--text-2);padding:0 48px 24px 0}.cta{padding:clamp(48px, 8vw, 96px) var(--gutter);border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--bg-elev);text-align:center;box-shadow:var(--shadow-l);position:relative;overflow:hidden}.cta .lead{max-width:560px;margin:18px auto 0}.cta-glow{background:radial-gradient(ellipse at center, var(--glow), transparent 60%);pointer-events:none;height:120%;position:absolute;inset:auto -20% -60%}.cta>:not(.cta-glow){position:relative}.site-footer{border-top:1px solid var(--line);margin-top:clamp(72px,10vw,120px);padding:32px 0 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:18px;font-size:14px;display:flex}.app-main{min-height:calc(100vh - var(--header-h) - 120px)}.app-shell{max-width:640px;padding-top:clamp(24px,5vw,56px)}.app-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.back-btn{color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.back-btn:hover{background:var(--accent-soft);color:var(--text)}.back-btn svg{width:18px;height:18px;transition:transform .3s var(--ease-out)}.back-btn:hover svg{transform:translate(-3px)}.app-card{padding:clamp(24px,5vw,44px);overflow:hidden}.step-view{flex-direction:column;align-items:stretch;display:flex}.step-view.center{text-align:center;align-items:center}.step-view.center .step-actions{justify-content:center}.step-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:26px;display:grid;position:relative}.step-icon svg{width:30px;height:30px;position:relative}.step-icon.tone-danger{background:var(--danger-soft);color:var(--danger)}.step-icon.tone-success{background:var(--success-soft);color:var(--success)}.step-ring{border-radius:inherit;border:1.5px solid var(--accent);opacity:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.step-icon.busy .step-ring{animation:ring-out 2.2s var(--ease-out) infinite}.step-icon.busy .step-ring-2{animation-delay:1.1s}}@keyframes ring-out{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.step-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1.15}.step-text{color:var(--text-2);text-wrap:pretty;margin-top:12px;font-size:16px}.step-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.step-hint{color:var(--text-3);text-wrap:pretty;gap:10px;margin-top:20px;font-size:14px;display:flex}.step-hint svg{flex:none;width:17px;height:17px;margin-top:2px}.block-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.notice{overflow:hidden}.notice-inner{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--text);border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;font-size:14px;display:flex}.notice.tone-danger .notice-inner{background:var(--danger-soft);border-color:#0000}.notice-inner svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:1px}.code-block{perspective:600px;flex-direction:column;align-items:center;gap:18px;margin:30px 0 8px;display:flex}.code-tiles{gap:clamp(6px,1.4vw,10px);display:flex}.code-tile{background:var(--bg-sunken);border:1px solid var(--line-strong);width:clamp(42px,10vw,62px);height:clamp(56px,13vw,78px);font-family:var(--mono);color:var(--text);box-shadow:0 1px 0 #ffffff0f inset, 0 10px 24px -14px var(--accent);border-radius:16px;place-items:center;font-size:clamp(26px,6vw,38px);font-weight:700;display:grid}.code-tile:nth-child(3){margin-right:clamp(6px,1.6vw,14px)}.copy-btn{border:1px solid var(--line-strong);height:36px;color:var(--text-2);border-radius:999px;padding:0 16px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.copy-btn:hover{border-color:var(--accent-line);color:var(--text)}.copy-btn-inner{align-items:center;gap:8px;display:inline-flex}.copy-btn svg{width:15px;height:15px}.waiting-line{color:var(--text-3);justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:14px;display:flex}.summary{border:1px solid var(--line);background:var(--bg-sunken);border-radius:18px;margin-top:22px;overflow:hidden}.summary-head{align-items:center;gap:14px;padding:16px 18px;display:flex}.summary-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.summary-icon svg{width:22px;height:22px}.summary-size{letter-spacing:-.02em;font-size:20px;font-weight:700}.summary-count{color:var(--text-2);font-size:13px}.summary-list{border-top:1px solid var(--line);margin:0;padding:6px 0;font-size:13px;list-style:none}.summary-list li{align-items:center;gap:10px;padding:6px 18px;display:flex}.summary-list svg{width:15px;height:15px;color:var(--text-3);flex:none}.summary-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);flex:1;font-size:12.5px;overflow:hidden}.summary-file-size,.summary-more{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.summary-more{padding-left:43px!important}.summary-actions{justify-content:flex-end;margin-top:8px;display:flex}.progress{margin-top:26px}.progress.compact{margin-top:12px}.progress-top{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.progress-pct{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(48px,9vw,72px);font-weight:700;line-height:1}.progress-pct small{color:var(--text-3);letter-spacing:0;margin-left:4px;font-size:.45em;font-weight:600}.progress-speed{color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.progress-bar{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;height:10px;position:relative;overflow:hidden}.progress.compact .progress-bar{height:6px}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand-deep), var(--brand), var(--brand-bright));height:100%;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;inset:0;translate:-100%}@media (prefers-reduced-motion:no-preference){.progress:not(.paused) .progress-fill:after{animation:shimmer 1.8s var(--ease-in-out) infinite}}@keyframes shimmer{to{translate:100%}}.progress.paused .progress-fill{filter:saturate(.3)}.progress-stats{color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px;display:flex}.progress.compact .progress-stats{color:var(--text-3);font-size:12px}.progress-file{font-family:var(--mono);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;overflow:hidden}.success-mark{width:96px;height:96px;filter:drop-shadow(0 12px 30px var(--success-soft));margin:8px auto 26px}.success-mark circle,.success-mark path{fill:none;stroke:var(--success);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.success-mark circle{stroke-width:2px;opacity:.5}.recipients-block{margin-top:28px}.recipients{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipient{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;padding:14px 16px;transition:border-color .3s}.recipient.status-sending{border-color:var(--accent-line)}.recipient-head{align-items:center;gap:12px;display:flex}.recipient-code{font-family:var(--mono);letter-spacing:.14em;font-weight:700}.recipient-status{color:var(--text-2);flex:1;font-size:14px}.recipient.status-done .recipient-status{color:var(--success)}.recipient.status-failed .recipient-status,.recipient.status-rejected .recipient-status{color:var(--danger)}.st-icon{flex:none;width:18px;height:18px}.st-done{color:var(--success)}.st-bad{color:var(--danger)}.st-muted{color:var(--text-3)}.st-active{color:var(--accent)}.st-spin{color:var(--text-3)}@media (prefers-reduced-motion:no-preference){.st-spin{animation:1s linear infinite spin}.st-active{animation:nudge-up 1.2s var(--ease-in-out) infinite}}@keyframes spin{to{rotate:360deg}}@keyframes nudge-up{50%{translate:0 -2px}}.icon-btn{width:30px;height:30px;color:var(--text-3);border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid}.icon-btn:hover{background:var(--danger-soft);color:var(--danger)}.icon-btn svg{width:16px;height:16px}.code-form{margin-top:28px}.code-row{gap:10px;display:flex}.code-input{border:1px solid var(--line-strong);background:var(--bg-sunken);min-width:0;height:56px;color:var(--text);font:inherit;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;border-radius:16px;flex:1;padding:0 18px;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}.code-input::placeholder{color:var(--text-3);opacity:.45}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}@media (width<=480px){.code-row{flex-direction:column}}.field-error{color:var(--danger);margin-top:10px;font-size:14px}