@font-face{font-family:Fixel Display;src:url(/fonts/FixelDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fixel Display;src:url(/fonts/FixelDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--esc-black: rgb(15, 15, 15);--esc-ink: rgb(22, 23, 23);--esc-graphite-900: rgb(36, 40, 39);--esc-graphite-800: rgb(38, 41, 41);--esc-graphite-700: rgb(64, 68, 68);--esc-graphite-500: rgb(75, 76, 76);--esc-fog-500: rgb(153, 153, 153);--esc-fog-300: rgb(171, 180, 179);--esc-white: rgb(255, 255, 255);--esc-white-85: rgba(255, 255, 255, .85);--esc-glass-soft: rgba(22, 23, 23, .6);--esc-glass-input: rgba(38, 41, 41, .2);--esc-glass-row: rgba(38, 41, 41, .4);--esc-glass-line: rgba(64, 68, 68, .8);--esc-glass-border: rgb(36, 40, 39);--bg-canvas: var(--esc-black);--bg-surface: var(--esc-ink);--bg-surface-glass: var(--esc-glass-soft);--bg-row: var(--esc-glass-row);--bg-input: var(--esc-glass-input);--bg-pill: var(--esc-graphite-500);--fg-primary: var(--esc-white);--fg-secondary: var(--esc-fog-500);--fg-tertiary: var(--esc-fog-300);--fg-muted: var(--esc-glass-line);--border-hairline: .5px solid var(--esc-glass-border);--border-divider: 1px solid var(--esc-glass-line);--font-display: "Fixel Display", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--fs-display-xl: 56px;--fs-display-lg: 40px;--fs-display-md: 32px;--fs-h1: 26px;--fs-h2: 22px;--fs-h3: 18px;--fs-body: 15px;--fs-body-sm: 14px;--fs-caption: 13px;--fs-micro: 11px;--lh-tight: 1;--lh-snug: 1.15;--lh-body: 1.4;--ls-display: -.4px;--ls-h1: -.2px;--fw-medium: 500;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-button: 12px;--r-input: 20px;--r-card: 48px;--r-pill: 999px;--blur-card: blur(80px);--blur-input: blur(40px);--shadow-card: 0 24px 64px rgba(0, 0, 0, .55);--shadow-inset: inset 0 0 0 .5px var(--esc-glass-border);--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;font-size:16px}@media (min-width: 600px){html{font-size:16px}}body{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{width:100%;min-height:100vh;min-height:100dvh;max-width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;background:var(--bg-canvas)}@media (min-width: 600px){#root{max-width:480px;margin:0 auto}}body.has-sidebar,body.has-sidebar #root{max-width:100%;margin:0;padding:0;overflow:hidden;height:100vh;min-height:100vh}body.is-full,body.is-full #root{max-width:100%;margin:0}html.is-web body,html.is-web #root{background:transparent}html.is-web .main-screen-container,html.is-web .profile-screen-container,html.is-web .payment-screen-container,html.is-web .referral-screen-container,html.is-web .referral-analytics-screen-container,html.is-web .analytics-screen-container,html.is-web .devices-screen-container,html.is-web .giveaway-screen-container,html.is-web .contest-screen-container,html.is-web .whitelist-screen-container,html.is-web .whitelist-purchase-screen-container,html.is-web .setup-screen-container,html.is-web .subscription-screen-container,html.is-web .success-screen-container,html.is-web .device-management-screen-container,html.is-web .user-agreement-screen-container,html.is-web .payment-screen-container .payment-main-card{background:transparent!important}.web-bg-page{position:fixed;inset:0;pointer-events:none;z-index:-1;background:var(--bg-canvas)}.web-bg-background{position:absolute;inset:0}.web-bg-hero{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:140%;max-width:700px;aspect-ratio:1;object-fit:cover;opacity:.9;pointer-events:none}.web-bg-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.web-bg-overlay:before,.web-bg-overlay:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.web-bg-overlay:before{top:0;height:60px;background:linear-gradient(to bottom,var(--esc-black) 0%,transparent 100%)}.web-bg-overlay:after{bottom:0;height:60px;background:linear-gradient(to top,var(--esc-black) 0%,transparent 100%)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--esc-graphite-700);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--esc-graphite-500)}.gradient-bg{background:var(--bg-canvas);min-height:100vh;min-height:100dvh}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{color-scheme:dark;--bg-page: #0a0a0a;--bg-surface: #1a1a1a;--bg-elevated: #242424;--bg-tint: rgb(255 255 255 / .08);--bg-tint-strong: rgb(255 255 255 / .16);--bg-inverse: #ffffff;--text-primary: #ffffff;--text-secondary: #9f9f9f;--text-tertiary: #808080;--text-inverse: #0a0a0a;--text-danger: #e54d2e;--text-disabled: rgb(255 255 255 / .32);--text-quaternary: #555555;--icon-primary: #ffffff;--icon-secondary: #a6a6a6;--icon-tertiary: #808080;--icon-inverse: #0a0a0a;--icon-disabled: rgb(255 255 255 / .32);--outline-default: #2e2e2e;--outline-subtle: #242424;--outline-accent: #ffffff;--outline-focus: rgb(255 255 255 / .4);--outline-focus-inverse: rgb(10 10 10 / .4);--outline-danger: #e54d2e;--outline-divider: rgb(255 255 255 / .12);--outline-divider-inverse: rgb(10 10 10 / .12);--outline-muted: #555555;--card-bg: rgb(20 20 20 / .6);--card-outline: #939393;--sidebar-bg: rgb(20 20 20 / .4);--sidebar-outline: rgb(255 255 255 / .12);--sidebar-item-active: #242424;--sidebar-text: #a6a6a6;--sidebar-text-active: #ffffff;--tabbar-bg: rgb(30 31 31 / .16);--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));--button-primary-bg: #ffffff;--button-primary-bg-hover: #e6e6e6;--button-primary-bg-pressed: #cccccc;--button-primary-text: #0d0e0e;--button-secondary-bg: rgb(36 36 36 / .2);--button-secondary-bg-hover: rgb(255 255 255 / .12);--button-secondary-bg-pressed: rgb(255 255 255 / .06);--button-secondary-outline: rgb(255 255 255 / .12);--button-secondary-solid-bg: #1d1d1d;--button-tertiary-bg: rgb(255 255 255 / .08);--button-tertiary-bg-hover: rgb(255 255 255 / .12);--button-tertiary-bg-pressed: rgb(255 255 255 / .04);--button-inverse-bg: #0a0a0a;--button-inverse-bg-hover: #242424;--button-inverse-bg-pressed: #2e2e2e;--button-solid-bg-hover: #2e2e2e;--button-solid-bg-pressed: #1a1a1a;--button-disabled-bg: rgb(255 255 255 / .08);--tag-default-bg: #242424;--tag-default-text: #ffffff;--tag-accent-bg: #ffffff;--tag-accent-text: #0a0a0a;--tag-danger-bg: #e54d2e;--tag-danger-text: #ffffff;--tag-success-bg: #2ebf73;--tag-success-text: #0a0a0a;--overlay-bg: #1a1a1a;--overlay-outline: #242424;--overlay-scrim: rgb(20 20 20 / .6);--toast-bg: #323232;--toast-outline: rgb(255 255 255 / .24);--gradient-logo-start: #ffffff;--gradient-logo-end: #999999;--color-222222-24: rgb(34 34 34 / .24);--color-141415: #141415;--avatar-eye: #111316;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-xs-plus: 6px;--spacing-sm: 8px;--spacing-sm-plus: 10px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-lg-plus: 18px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-2xl-plus: 30px;--spacing-3xl: 32px;--spacing-3xl-plus: 40px;--spacing-4xl: 48px;--spacing-5xl: 56px;--spacing-6xl: 64px;--radius-xs: 10px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-3xl: 40px;--radius-4xl: 48px;--radius-full: 100px;--blur-xs: 3px;--blur-xs-plus: 4px;--blur-sm: 6px;--blur-md: 10px;--blur-lg: 12px;--blur-xl: 30px;--stroke-hairline: .5px;--stroke-thin: 1px;--stroke-medium: 1.5px;--stroke-thick: 2px;--font-primary: "Vela Sans", "Manrope", sans-serif;--font-logo: "Inter", sans-serif;--font-display-logo: 800 100px/normal var(--font-primary);--font-display-amount: 800 32px/40px var(--font-primary);--letter-spacing-display-amount: -.4px;--font-heading-page: 800 26px/33px var(--font-primary);--font-heading-section: 700 20px/25px var(--font-primary);--font-heading-banner: 800 20px/25px var(--font-primary);--font-heading-modal: 700 18px/normal var(--font-primary);--font-heading-value: 800 18px/24px var(--font-primary);--font-title-stat: 700 17px/22px var(--font-primary);--font-title-item: 700 16px/22px var(--font-primary);--font-body-large: 500 17px/22px var(--font-primary);--font-body-link: 500 15px/21px var(--font-primary);--font-body-default: 500 14px/22px var(--font-primary);--font-body-compact: 500 14px/19px var(--font-primary);--font-body-caption: 500 14px/18px var(--font-primary);--font-body-toast: 500 14px/25px var(--font-primary);--font-label-default: 500 14px/20px var(--font-primary);--font-label-strong: 600 14px/20px var(--font-primary);--font-label-card: 600 14px/22px var(--font-primary);--font-label-tagline: 600 14px/18px var(--font-primary);--font-label-price: 600 14px/19px var(--font-primary);--font-label-tag: 600 13px/19px var(--font-primary);--font-label-badge: 500 13px/17px var(--font-primary);--font-button-large: 600 16px/21px var(--font-primary);--font-button-large-strong: 700 16px/21px var(--font-primary);--font-button-small: 600 14px/20px var(--font-primary);--font-button-small-strong: 700 14px/20px var(--font-primary);--font-logo-small: 600 16px/normal var(--font-logo);--spring-press: .45s cubic-bezier(.34, 1.4, .64, 1);--spring-move: .55s cubic-bezier(.34, 1.45, .64, 1);--spring-tooltip: .55s cubic-bezier(.22, 1, .36, 1);--spring-highlight: .4s cubic-bezier(.22, 1, .36, 1);--spring-dialog: .8s cubic-bezier(.22, 1, .36, 1);--spring-sheet: .7s cubic-bezier(.22, 1, .36, 1);--spring-pop: .9s cubic-bezier(.34, 1.5, .64, 1);--spring-toast: .6s cubic-bezier(.34, 1.2, .64, 1);--spring-menu-icon: .7s cubic-bezier(.34, 1.2, .64, 1);--spring-digit: .55s cubic-bezier(.22, 1, .36, 1);--motion-color: .15s cubic-bezier(.4, 0, .2, 1);--motion-fade: .2s ease-in-out;--motion-content: .5s ease-in-out;--motion-icon: .3s ease-in-out;--motion-icon-once: .6s ease-in-out;--motion-menu: .2s ease-out;--motion-ripple: .6s ease-out;--motion-shimmer: 2.8s ease-in-out;--motion-shimmer-card: 3.6s ease-in-out;--motion-preview: .6s ease-in-out;--scale-hover: 1.05;--scale-tap: .95;--scale-hover-wide: 1.015;--scale-tap-wide: .97;--tooltip-delay: .2s;--tooltip-close-delay: .3s;--tooltip-offset: 10px;--copied-hold: 3s;--grainient-color-1: #010101;--grainient-color-2: #858688;--grainient-color-3: #010101}@supports (transition-timing-function: linear(0,1)){:root{--spring-press: .45s linear(0, .005 1%, .027 2.3%, .063 3.7%, .123 5.3%, .243 8%, .621 15.7%, .735 18.3%, .821 20.7%, .893 23%, .958 25.7%, 1.006 28.3%, 1.04 31%, 1.067 35%, 1.073 39.3%, 1.016 58.3%, 1 66.3%, 1);--spring-move: .55s linear(0, .007 1%, .037 2.3%, .131 4.7%, .26 7%, .672 13.7%, .796 16%, .887 18%, .962 20%, 1.029 22.3%, 1.071 24.3%, 1.102 26.7%, 1.119 29.7%, 1.115 33.3%, 1.018 48%, .988 57%, 1);--spring-tooltip: .55s linear(0, .021 2.3%, .083 5%, .458 16.3%, .555 19.7%, .639 23%, .71 26.3%, .769 29.7%, .862 37%, .931 46.3%, .972 58%, .992 73.3%, 1);--spring-highlight: .4s linear(0, .022 3%, .092 6.7%, .475 20.7%, .638 27.7%, .761 34.7%, .851 42%, .925 51.7%, .969 63%, .992 77.3%, 1);--spring-dialog: .8s linear(0, .017 2%, .077 4.7%, .459 16%, .558 19.3%, .635 22.3%, .707 25.7%, .767 29%, .862 36.3%, .931 45.7%, .971 57.3%, .992 73%, 1);--spring-sheet: .7s linear(0, .023 2.7%, .088 5.7%, .178 8.7%, .495 18.3%, .59 21.7%, .673 25%, .797 31.3%, .888 38.3%, .952 47%, .987 58%, 1 72.3%, 1);--spring-pop: .9s linear(0, .008 1%, .029 2%, .063 3%, .122 4.3%, .253 6.7%, .676 13.3%, .786 15.3%, .88 17.3%, .957 19.3%, 1.026 21.7%, 1.068 23.7%, 1.099 26%, 1.115 29%, 1.111 32.3%, 1.017 46.7%, .989 55.3%, 1);--spring-toast: .6s linear(0, .005 1%, .026 2.3%, .104 5%, .213 7.7%, .577 15.7%, .682 18.3%, .772 21%, .847 23.7%, .907 26.3%, .953 29%, .99 32%, 1.025 37%, 1.038 43.3%, 1.003 71%, 1);--spring-menu-icon: .7s linear(0, .024 2.3%, .108 5.3%, .213 8%, .591 16.7%, .692 19.3%, .779 22%, .852 24.7%, .911 27.3%, .961 30.3%, .997 33.3%, 1.031 38.3%, 1.043 44.7%, 1.003 73%, 1);--spring-digit: .55s linear(0, .018 1.7%, .073 3.7%, .444 13%, .536 15.7%, .623 18.7%, .704 22%, .768 25.3%, .823 29%, .866 32.7%, .934 42%, .974 54.3%, .992 70.7%, 1)}}@font-face{font-family:Vela Sans;src:url(/fonts/VelaSans-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vela Sans;src:url(/fonts/VelaSans-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vela Sans;src:url(/fonts/VelaSans-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vela Sans;src:url(/fonts/VelaSans-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}.icon{display:inline-block;flex:none;width:20px;height:20px}.icon svg{display:block;width:100%;height:100%;overflow:visible}.icon--24{width:24px;height:24px}.icon--32{width:32px;height:32px}.button,.pill-button,.icon-btn,.close-btn,.nav-item,.tab{margin:0;border:0;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.esc-ui :is(a,button,[tabindex]):focus-visible,.modal :is(a,button,[tabindex]):focus-visible{outline:var(--stroke-thick) solid var(--outline-focus);outline-offset:2px}.modal__panel:focus,.modal__panel:focus-visible{outline:none}:is(.esc-ui,.modal,.toast-region,.tooltip),:is(.esc-ui,.modal,.toast-region,.tooltip) *,:is(.esc-ui,.modal,.toast-region,.tooltip) *:before,:is(.esc-ui,.modal,.toast-region,.tooltip) *:after{box-sizing:border-box}.esc-ui{color:var(--text-primary);font:var(--font-label-default);-webkit-font-smoothing:antialiased}.esc-ui h1,.esc-ui h2,.esc-ui p{margin:0}.esc-ui img{display:block}.screen{display:flex;flex-direction:column;gap:var(--spacing-3xl);max-width:calc(698px + 2 * var(--spacing-lg));margin:0 auto;padding:var(--spacing-4xl) var(--spacing-lg)}.screen-head{display:flex;align-items:center;gap:var(--spacing-lg);min-height:33px}.screen-head__title{flex:1;min-width:0;margin:0;overflow:hidden;font:var(--font-heading-page);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis}.screen-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media (max-width: 767px){.screen{gap:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-3xl)}.screen-body{gap:var(--spacing-lg)}.screen-head__title{white-space:normal}}.app-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg-page) url(/images/redesign/bg-main.jpg) center / cover no-repeat}.app-bg canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.sidebar{position:fixed;top:var(--spacing-md);bottom:var(--spacing-md);left:var(--spacing-md);z-index:20;display:flex;flex-direction:column;gap:var(--spacing-lg);width:220px;padding:var(--spacing-lg) var(--spacing-md);border:1px solid var(--sidebar-outline);border-radius:var(--radius-xl);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.sidebar__logo{padding:var(--spacing-sm) 0 var(--spacing-lg) var(--spacing-md);font:var(--font-logo-small);color:var(--text-primary);text-decoration:none}.sidebar__divider{flex:none;height:0;margin:0;border:0;box-shadow:0 0 0 calc(var(--stroke-hairline) / 2) var(--sidebar-outline)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar__bottom{flex:1;display:flex;flex-direction:column;justify-content:space-between}.nav-item{position:relative;z-index:1;display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm-plus) var(--spacing-lg);border-radius:var(--radius-xl);background:transparent;font:var(--font-label-default);color:var(--sidebar-text);white-space:nowrap}.nav-item--home{padding-block:var(--spacing-md);font:var(--font-label-strong)}.nav-item--semibold{font:var(--font-label-strong)}.nav-item:hover{background:var(--bg-tint);color:var(--sidebar-text-active)}.nav-item:active{background:var(--button-tertiary-bg-pressed)}.nav-item.is-active{color:var(--sidebar-text-active)}.nav-item.is-active:hover{background:transparent}.sidebar__highlight{position:absolute;top:0;left:var(--spacing-md);width:calc(100% - 2 * var(--spacing-md));height:0;border-radius:var(--radius-xl);background:var(--sidebar-item-active);opacity:0;pointer-events:none}.tabbar{position:fixed;left:var(--spacing-md);right:var(--spacing-md);bottom:max(16px,var(--spacing-sm) + var(--safe-bottom));z-index:20;display:flex;align-items:center;max-width:456px;margin-inline:auto;height:60px;padding:var(--spacing-xs);border:var(--stroke-hairline) solid var(--outline-divider);border-radius:var(--radius-full);background:var(--tabbar-bg);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl))}.tab{position:relative;z-index:1;display:flex;flex:1 0 0;align-items:center;justify-content:center;min-width:0;height:52px;padding:0 var(--spacing-sm);border-radius:var(--radius-full);background:transparent;color:var(--icon-secondary)}.tab.is-active{color:var(--icon-inverse)}.tabbar__highlight{position:absolute;top:var(--spacing-xs);left:0;width:var(--w, 0);height:52px;border-radius:var(--radius-full);background:var(--button-primary-bg);translate:var(--x, 0) 0;opacity:0;pointer-events:none}.tabbar__highlight.is-visible{opacity:1}.card{--card-stroke-a: 116deg;--card-stroke-b: 318deg;position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--spacing-xl) var(--spacing-xl) 0;border-radius:var(--radius-2xl);background:var(--card-bg);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));overflow:hidden}.card:before{content:"";position:absolute;inset:0;z-index:1;padding:1px;border-radius:inherit;background:linear-gradient(var(--card-stroke-a),var(--card-outline),transparent 33.8%),linear-gradient(var(--card-stroke-b),var(--card-outline),transparent 16.4%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card__head{display:flex;align-items:center;gap:var(--spacing-sm-plus);min-width:0}.card__label,.card__value,.card__note{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__label{font:var(--font-label-card);color:var(--text-secondary)}.card__value{margin-top:var(--spacing-xl);font:var(--font-heading-value);color:var(--text-primary)}.card__value--large{font:var(--font-display-amount);letter-spacing:var(--letter-spacing-display-amount)}.card__value--danger{color:var(--text-danger)}.card__note{margin-top:var(--spacing-sm);font:var(--font-label-card);color:var(--text-secondary)}.card--lg{padding:var(--spacing-xl);border-radius:var(--radius-3xl)}.card-title{margin:0;overflow:hidden;font:var(--font-heading-section);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis}.card-text{margin:0;font:var(--font-body-compact);color:var(--text-secondary)}.chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chip{margin:0;padding:var(--spacing-xs-plus) var(--spacing-sm-plus);border:0;border-radius:var(--radius-xl);background:transparent;box-shadow:inset 0 0 0 var(--stroke-thin) var(--outline-accent);font:var(--font-label-tag);color:var(--text-primary);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.chip:hover{background:var(--bg-tint)}.chip:active{background:var(--button-tertiary-bg-pressed)}.chip:disabled{background:transparent;box-shadow:inset 0 0 0 var(--stroke-thin) var(--outline-subtle);color:var(--text-disabled);cursor:not-allowed}.chip.is-selected{background:var(--tag-accent-bg);box-shadow:none;color:var(--tag-accent-text)}.chip.is-selected:hover{background:var(--button-primary-bg-hover)}.tag{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs-plus) var(--spacing-sm-plus);border-radius:var(--radius-xl);background:var(--tag-default-bg);font:var(--font-label-tag);color:var(--tag-default-text);white-space:nowrap}.tag--success{background:var(--tag-success-bg);color:var(--tag-success-text)}.icon-box{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tint-strong);color:var(--icon-primary)}.icon-box--44{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-tint)}.icon-btn{display:inline-grid;flex:none;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:var(--bg-tint);color:var(--icon-primary)}.icon-btn--bare{width:auto;height:auto;padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));background:transparent}.icon-btn:hover{background:var(--button-tertiary-bg-hover)}.icon-btn:active{background:var(--button-tertiary-bg-pressed)}.icon-btn--bare:hover{background:var(--bg-tint)}.close-btn{display:grid;flex:none;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:var(--bg-elevated);color:var(--icon-tertiary)}.close-btn:hover{background:var(--button-solid-bg-hover)}.close-btn:active{background:var(--button-solid-bg-pressed)}.close-btn--glass{background:var(--card-bg);color:var(--icon-primary)}.button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:54px;padding:0 var(--spacing-lg);border-radius:var(--radius-xl);font:var(--font-button-large);white-space:nowrap}.button--gap-12{gap:var(--spacing-md)}.button--primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.button--primary .icon{color:var(--icon-inverse)}.button--secondary{border:var(--stroke-medium) solid var(--button-secondary-outline);background:var(--button-secondary-bg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));color:var(--text-primary)}.button--solid{padding:0 var(--spacing-2xl);background:var(--button-secondary-solid-bg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));color:var(--text-primary)}.button--danger{background:var(--tag-danger-bg);color:var(--tag-danger-text)}.shimmer{display:inline-flex;align-items:center;gap:var(--spacing-sm)}:is(.button--primary,.pill-button):not(:disabled):not([aria-disabled=true]):hover{background:var(--button-primary-bg-hover)}:is(.button--primary,.pill-button):not(:disabled):not([aria-disabled=true]):active{background:var(--button-primary-bg-pressed)}:is(.button--secondary,.button--solid):not(:disabled):not([aria-disabled=true]):hover{background:var(--button-secondary-bg-hover)}:is(.button--secondary,.button--solid):not(:disabled):not([aria-disabled=true]):active{background:var(--button-secondary-bg-pressed)}.button--danger:active{opacity:.85}:is(.button,.pill-button):is(:disabled,[aria-disabled=true]){background:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed}:is(.button,.pill-button):is(:disabled,[aria-disabled=true]) .icon{color:var(--icon-disabled)}.button--secondary:is(:disabled,[aria-disabled=true]){border-color:var(--outline-subtle)}.pill-button{display:inline-flex;flex:none;align-self:flex-start;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-4xl);background:var(--button-primary-bg);font:var(--font-button-small);color:var(--text-inverse);white-space:nowrap}.pill-button--compact{align-self:center;padding:var(--spacing-sm) var(--spacing-lg)}.notice{flex-direction:row;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-3xl)}.notice--danger{border:var(--stroke-thin) solid var(--outline-danger)}.notice--danger:before{display:none}.notice__text{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-2xs);min-width:0}.notice__title{font:var(--font-title-item);color:var(--text-primary)}.notice__subtitle{font:var(--font-label-default);color:var(--text-secondary)}.modal{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:var(--spacing-lg);color:var(--text-primary);font:var(--font-label-default)}.has-sidebar .modal{padding-left:calc(var(--spacing-md) + 220px + var(--spacing-lg))}.has-tabbar .modal{z-index:21}.modal__overlay{position:absolute;inset:0;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.modal__panel{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2xl);width:min(459px,100%);max-height:calc(100dvh - 2 * var(--spacing-lg));margin:0;padding:var(--spacing-xl);overflow-y:auto;border:var(--stroke-thin) solid var(--overlay-outline);border-radius:var(--radius-3xl);background:var(--overlay-bg)}.modal__intro{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.modal__head{display:flex;align-items:center;gap:var(--spacing-md)}.modal__title{flex:1;margin:0;font:var(--font-heading-modal);color:var(--text-primary)}.modal__text{margin:0;font:var(--font-body-compact);color:var(--text-tertiary)}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm-plus)}.modal__panel--center{align-items:center}.modal__hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm-plus);margin:0;font:var(--font-body-caption);color:var(--text-tertiary)}.qr-code{display:grid;place-items:center;width:289px;max-width:100%;aspect-ratio:289 / 284;padding:18px;border-radius:var(--radius-4xl);background:var(--bg-inverse)}.qr-code svg{display:block;width:100%;height:100%}.modal__cover{position:relative;flex:none;height:156px;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-inverse)}.modal__cover img{width:100%;height:100%;object-fit:cover}.modal__cover .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm-plus)}.modal__actions .button.is-loading{color:transparent}.modal__actions .button.is-loading .spinner{position:absolute;inset:0;margin:auto;color:var(--text-primary)}.modal__actions .button--primary.is-loading .spinner{color:var(--button-primary-text)}.toast-region{position:fixed;top:var(--spacing-3xl-plus);left:0;right:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);pointer-events:none}.has-sidebar .toast-region{left:calc(var(--spacing-md) + 220px)}.has-tabbar .toast-region{top:var(--spacing-lg)}.toast{display:flex;align-items:center;gap:var(--spacing-sm-plus);padding:var(--spacing-sm-plus) var(--spacing-lg) var(--spacing-sm-plus) var(--spacing-sm-plus);border:1px solid var(--toast-outline);border-radius:var(--radius-full);background:var(--toast-bg);font:var(--font-body-toast);color:var(--sidebar-text-active);white-space:nowrap}.tooltip{position:fixed;top:0;left:0;z-index:40;max-width:240px;padding:var(--spacing-xs-plus) var(--spacing-sm-plus);border:1px solid var(--toast-outline);border-radius:var(--radius-sm);background:var(--toast-bg);font:var(--font-label-badge);color:var(--text-primary);white-space:pre-line;pointer-events:none}.tooltip:after{content:"";position:absolute;width:8px;height:8px;border:inherit;background:inherit;clip-path:polygon(0 0,100% 100%,0 100%)}.tooltip[data-side=top]:after{left:calc(50% - 4px);bottom:-5px;transform:rotate(-45deg)}.tooltip[data-side=bottom]:after{left:calc(50% - 4px);top:-5px;transform:rotate(135deg)}.tooltip[data-side=right]:after{top:calc(50% - 4px);left:-5px;transform:rotate(45deg)}.tooltip[data-side=left]:after{top:calc(50% - 4px);right:-5px;transform:rotate(-135deg)}.spinner{display:inline-block;flex:none;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.is-loading .icon{display:none}.is-loading{pointer-events:none}.section{gap:var(--spacing-xl)}.section__intro{display:flex;flex-direction:column;gap:var(--spacing-sm)}.icon-box--dashed{border:1px dashed var(--outline-accent)}.icon-btn--44{width:44px;height:44px;border-radius:var(--radius-md)}.pill-button--dark{padding-left:var(--spacing-lg-plus);background:var(--button-inverse-bg);font:var(--font-button-small-strong);color:var(--text-primary)}.pill-button.pill-button--dark:not(:disabled):hover{background:var(--button-inverse-bg-hover)}.pill-button.pill-button--dark:not(:disabled):active{background:var(--button-inverse-bg-pressed)}.soft-button{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:44px;margin:0;padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-md) var(--spacing-lg);border:0;border-radius:var(--radius-4xl);background:var(--button-tertiary-bg);font:var(--font-button-small-strong);color:var(--text-primary);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.soft-button:not(:disabled):hover{background:var(--button-tertiary-bg-hover)}.soft-button:not(:disabled):active{background:var(--button-tertiary-bg-pressed)}.soft-button--status,.soft-button--status:hover,.soft-button--status:active{background:var(--button-tertiary-bg);cursor:default}.list{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg)}.list-row{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-lg);width:100%;min-height:46px;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.list-row__text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.list-row__title,.list-row__subtitle{display:block;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-row__title{font:var(--font-title-item);color:var(--text-primary)}.list-row__subtitle{font:var(--font-label-default);color:var(--text-secondary)}.list-row__chevron{color:var(--icon-tertiary)}.list__highlight{position:absolute;top:0;left:calc(-1 * var(--spacing-md));right:calc(-1 * var(--spacing-md));height:var(--h, 0);border-radius:var(--radius-lg);background:var(--bg-tint);translate:0 var(--y, 0);opacity:0;pointer-events:none}.list__highlight.is-visible{opacity:1}.list:has(>.list-row:active)>.list__highlight,.menu:has(>.menu__item:active)>.list__highlight{background:var(--button-tertiary-bg-pressed)}.count-badge{display:grid;flex:none;place-items:center;min-width:20px;height:20px;padding:0 var(--spacing-xs-plus);border-radius:var(--radius-full);background:var(--bg-tint);font:var(--font-label-badge);color:var(--text-primary)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-grid--2{grid-template-columns:1fr 1fr}.stat{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-tint)}.stat__label,.stat__value{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stat__label{font:var(--font-body-caption);color:var(--text-secondary)}.stat__value{font:var(--font-title-stat);color:var(--text-primary)}.hint-term{font:var(--font-label-price);text-decoration:underline;text-underline-position:from-font;cursor:help}.field{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.field-label{margin:0;font:var(--font-body-caption);color:var(--text-secondary)}.input{width:100%;height:48px;padding:0 var(--spacing-lg);border:var(--stroke-thin) solid transparent;border-radius:var(--radius-md);background:var(--bg-tint);font:var(--font-body-default);color:var(--text-primary);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:hover{background:var(--button-tertiary-bg-hover)}.input:focus{border-color:var(--outline-accent)}.field.is-invalid .input{border-color:var(--outline-danger)}.field-error{margin:0;font:var(--font-body-caption);color:var(--text-danger)}.field-note{margin:0;font:var(--font-body-caption);color:var(--text-tertiary)}.menu{position:fixed;z-index:25;display:flex;flex-direction:column;gap:var(--spacing-2xs);min-width:180px;padding:var(--spacing-xs-plus);border:var(--stroke-thin) solid var(--overlay-outline);border-radius:var(--radius-lg);background:var(--overlay-bg);font:var(--font-label-default);opacity:0}.menu.is-open{opacity:1}.menu__item{position:relative;z-index:1;margin:0;padding:var(--spacing-sm-plus) var(--spacing-md);border:0;border-radius:var(--radius-sm);background:transparent;font:var(--font-label-default);color:var(--text-primary);text-align:left;cursor:pointer}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-tint);outline:none}.menu__item--danger{color:var(--tag-danger-bg)}.modal__panel--alert{width:min(400px,100%)}.tooltip{translate:var(--x, 0) var(--y, 0);opacity:0}.tooltip.is-open{opacity:1}.button,.pill-button{position:relative;overflow:hidden;isolation:isolate}.ripple{position:absolute;z-index:-1;width:20px;height:20px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none}.sidebar__highlight{height:var(--h, 0);translate:0 var(--y, 0)}.sidebar__highlight.is-visible{opacity:1}.modal__overlay,.modal__panel,.toast{opacity:0}.modal.is-open .modal__overlay,.modal.is-open .modal__panel,.toast.is-visible{opacity:1}.digits{display:inline-flex;font-variant-numeric:tabular-nums}.digit{display:inline-block;height:1.25em;height:1lh;overflow:hidden}.digit__col{display:flex;flex-direction:column;translate:0 calc(var(--d, 0) * -1.25em);translate:0 calc(var(--d, 0) * -1lh)}@media (prefers-reduced-motion: no-preference){.button,.pill-button,.icon-btn,.close-btn,.chip,.tab{transition:scale var(--spring-press),translate var(--spring-press),background-color var(--motion-color),border-color var(--motion-color),box-shadow var(--motion-color),color var(--motion-color)}.pill-button:hover,.icon-btn:hover,.close-btn:hover,.chip:hover{scale:var(--scale-hover)}.pill-button:active,.icon-btn:active,.close-btn:active,.chip:active,.tab:active{scale:var(--scale-tap)}.chip.is-selected{animation:pop var(--spring-pop)}@keyframes pop{0%{scale:.9}to{scale:1}}.button:not([aria-disabled=true]):not(:disabled):hover{scale:var(--scale-hover-wide)}.button:not([aria-disabled=true]):not(:disabled):active{scale:var(--scale-tap-wide)}@media (hover: none){.pill-button:hover,.icon-btn:hover,.close-btn:hover,.chip:hover,.button:not([aria-disabled=true]):not(:disabled):hover{scale:1}.pill-button:active,.icon-btn:active,.close-btn:active,.chip:active{scale:var(--scale-tap)}.button:not([aria-disabled=true]):not(:disabled):active{scale:var(--scale-tap-wide)}}.ripple{animation:ripple var(--motion-ripple) forwards}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(10);opacity:0}}.nav-item{transition:background-color var(--motion-color),color var(--motion-color)}.sidebar__highlight{transition:translate var(--spring-highlight),height var(--spring-highlight),opacity var(--motion-color),background-color var(--motion-color)}.tabbar__highlight{transition:translate var(--spring-highlight),width var(--spring-highlight),opacity var(--motion-color)}.sidebar__highlight.is-instant,.tabbar__highlight.is-instant{transition:opacity var(--motion-color)}.is-entering .enter-item{animation:content-in var(--motion-content) backwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes content-in{0%{opacity:0;filter:blur(var(--blur-xs-plus));translate:0 8px}to{opacity:1;filter:blur(0);translate:0 0}}.modal__overlay{transition:opacity var(--motion-fade)}.modal__panel{transform:perspective(500px) rotateX(-20deg) scale(.8);filter:blur(var(--blur-xs-plus));transition:opacity var(--spring-dialog),transform var(--spring-dialog),filter var(--spring-dialog)}.modal.is-open .modal__panel{transform:perspective(500px) rotateX(0) scale(1);filter:blur(0)}.modal.is-closing .modal__panel{transition:opacity .25s ease-in,transform .3s ease-in,filter .25s ease-in}.toast{translate:0 -16px;transition:opacity var(--spring-toast),translate var(--spring-toast)}.toast.is-visible{translate:0 0}.toast.is-leaving{translate:0 -16px;transition:opacity .22s ease-in-out,translate .22s ease-in-out}.tooltip{scale:0;transition:opacity var(--spring-tooltip),scale var(--spring-tooltip),translate var(--spring-tooltip)}.tooltip.is-open{scale:1}.tooltip:not(.is-open)[data-side=top]{translate:var(--x) calc(var(--y) + 15px)}.tooltip:not(.is-open)[data-side=bottom]{translate:var(--x) calc(var(--y) - 15px)}.tooltip:not(.is-open)[data-side=left]{translate:calc(var(--x) + 15px) var(--y)}.tooltip:not(.is-open)[data-side=right]{translate:calc(var(--x) - 15px) var(--y)}.tooltip.is-instant{transition:none}.is-denied{animation:shake .36s ease-out}@keyframes shake{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.digit__col{transition:translate var(--spring-digit)}.shimmer{-webkit-mask-image:linear-gradient(100deg,#000 35%,rgb(0 0 0 / .25) 50%,#000 65%);mask-image:linear-gradient(100deg,#000 35%,#00000040,#000 65%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;animation:shimmer var(--motion-shimmer) infinite}@keyframes shimmer{0%{-webkit-mask-position:110% 0;mask-position:110% 0}45%,to{-webkit-mask-position:-10% 0;mask-position:-10% 0}}.login-step.is-entering{animation:content-in .35s ease-out both}.login-field__box,.login-code__cell,.login-field__submit{transition:background-color var(--motion-color),border-color var(--motion-color),scale var(--spring-press)}.login-field__submit:hover{scale:var(--scale-hover)}.login-field__submit:active{scale:var(--scale-tap)}.login-cover video{opacity:0;transition:opacity var(--motion-preview)}.login-cover.is-playing video{opacity:1}.icon.is-swapped svg{animation:icon-swap .3s ease-out}@keyframes icon-swap{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.vpn-step__preview>video{filter:blur(var(--blur-sm));transition:opacity var(--motion-preview),filter var(--motion-preview)}.vpn-step__preview.is-playing>video{filter:blur(0)}.plan,.plan:before,.plan__title,.plan__amount,.plan__sum,.plan__unit,.plan__muted,.plan__note,.plan__divider,.plan__radio>.icon{transition:background-color var(--motion-fade),color var(--motion-fade),opacity var(--motion-fade)}.renew-timeline__left,.renew-timeline__added{transition:flex-grow var(--spring-highlight)}.plan--featured:not(.is-selected):after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .1) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:110% 0;pointer-events:none;animation:plan-shimmer var(--motion-shimmer-card) .6s infinite}@keyframes plan-shimmer{0%{background-position:110% 0}45%,to{background-position:-10% 0}}.icon[data-anim] svg,.icon[data-anim] svg *{transform-box:fill-box;transform-origin:center}.icon[data-anim] svg path{transition:translate var(--spring-move)}.nav-item:hover .icon[data-anim=nudge-right] svg path:last-child{translate:2px 0;transition:translate var(--motion-icon)}.icon.is-playing[data-anim=nod] svg path:first-child{animation:icon-head var(--motion-icon-once)}.icon.is-playing[data-anim=nod] svg path:last-child{animation:icon-body var(--motion-icon-once)}.icon.is-playing[data-anim=bounce] svg{animation:icon-bounce var(--motion-icon-once)}.icon.is-playing[data-anim=wiggle] svg{animation:icon-wiggle var(--motion-icon-once)}.icon.is-playing[data-anim=tilt] svg{animation:icon-tilt var(--motion-icon-once)}@keyframes icon-head{0%,to{translate:0 0}33%{translate:0 3.3px}66%{translate:0 -1.7px}}@keyframes icon-body{0%,to{translate:0 0}33%{translate:0 1.7px}66%{translate:0 -1.7px}}@keyframes icon-wiggle{0%,to{rotate:0deg}17%{rotate:20deg}33%{rotate:-10deg}50%{rotate:10deg}67%{rotate:-5deg}83%{rotate:3deg}}@keyframes icon-tilt{0%,to{rotate:0deg}35%{rotate:-10deg}70%{rotate:6deg}}@keyframes icon-bounce{0%,to{translate:0 0}33%{translate:0 -3px}66%{translate:0 1px}}}@media (prefers-reduced-motion: no-preference){.soft-button{transition:scale var(--spring-press),background-color var(--motion-color),color var(--motion-color)}.soft-button:not(.soft-button--status):hover{scale:var(--scale-hover-wide)}.soft-button:not(.soft-button--status):active{scale:var(--scale-tap-wide)}@media (hover: none){.soft-button:not(.soft-button--status):hover{scale:1}.soft-button:not(.soft-button--status):active{scale:var(--scale-tap-wide)}}.menu__item,.info-hint,.link-tile{transition:background-color var(--motion-color),color var(--motion-color)}.list__highlight{transition:translate var(--spring-highlight),height var(--spring-highlight),opacity var(--motion-color),background-color var(--motion-color)}.list__highlight:not(.is-visible){transition-delay:0s,0s,.2s,0s}.list__highlight.is-instant{transition:opacity var(--motion-color)}.menu{scale:.95;transform-origin:100% 0;transition:opacity var(--motion-menu),scale var(--motion-menu)}.menu.is-open{scale:1}.device-row.is-removing{overflow:hidden;opacity:0;margin-bottom:calc(-1 * var(--spacing-lg));transition:height .25s ease-in,opacity .15s ease,margin-bottom .25s ease-in}.input{transition:border-color var(--motion-color),background-color var(--motion-color)}.icon[data-anim=rotate] svg{transition:rotate .4s ease-in-out}:is(a,button,.list-row):hover .icon[data-anim=rotate] svg{rotate:90deg}.list-row__chevron svg{transition:translate var(--spring-move)}.list-row:hover .list-row__chevron svg{translate:3.3px 0;transition:translate var(--motion-icon)}.list-row:hover .list-row__chevron--external svg{translate:2px -2px}.icon.is-playing[data-anim=shake] svg{animation:icon-shake var(--motion-icon-once)}.icon.is-playing[data-anim=beat] svg{animation:icon-beat var(--motion-icon-once)}@keyframes icon-shake{0%,to{translate:0 0}14%{translate:-2px 0}29%{translate:2px 0}43%{translate:-1.5px 0}57%{translate:1.5px 0}71%{translate:-1px 0}86%{translate:1px 0}}@keyframes icon-beat{0%,to{scale:1}25%{scale:1.2}50%{scale:.95}75%{scale:1.1}}.avatar.is-blinking .avatar__eye{animation:avatar-blink .18s ease-in-out}@keyframes avatar-blink{0%,to{scale:1 1}50%{scale:1 .1}}.referral-art__blob--main{animation:float 5s ease-in-out infinite}.referral-art__blob--left{animation:float 6s ease-in-out -2s infinite}.referral-art__blob--right{animation:float 5.5s ease-in-out -1s infinite}@keyframes float{0%,to{translate:0 0}50%{translate:0 -4px}}}.home{gap:var(--spacing-5xl);max-width:calc(698px + 2 * var(--spacing-lg));padding:var(--spacing-6xl) var(--spacing-lg) var(--spacing-4xl)}.home__top{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.home__tagline{width:220px;font:var(--font-label-tagline);color:var(--text-tertiary);text-align:right}.home__tagline-accent{color:var(--text-primary)}.hero-logo{position:relative;margin:0;font:var(--font-display-logo);white-space:nowrap}.hero-logo__text{display:block;background:linear-gradient(90deg,var(--gradient-logo-start) 2.193%,var(--gradient-logo-end) 85.746%) no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:linear-gradient(90deg,#000 62.9%,transparent 89.7%);mask-image:linear-gradient(90deg,#000 62.9%,transparent 89.7%)}.hero-logo__text--blur{position:absolute;inset:0 -12px 0 0;padding-right:12px;background-origin:content-box;filter:blur(var(--blur-xs));-webkit-mask-image:linear-gradient(90deg,transparent calc((100% - 12px)*.629),#000 calc((100% - 12px)*.897));mask-image:linear-gradient(90deg,transparent calc((100% - 12px)*.629),#000 calc((100% - 12px)*.897))}.home__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.home__balance{grid-row:span 2;padding-bottom:var(--spacing-xl)}.home__balance .card__value{margin-top:auto}.home__small{height:112px}.home__actions{display:flex;flex-direction:column;gap:var(--spacing-sm-plus)}@media (max-width: 767px){.home{gap:var(--spacing-3xl);padding:0 var(--spacing-lg)}.home__top{gap:0}.home__top--notice{padding-top:var(--spacing-lg)}.home__header{flex-direction:column;gap:var(--spacing-sm)}.hero-logo{font-size:80px}.home__tagline{text-align:center}.home__cards{gap:var(--spacing-lg)}.home__balance{grid-column:1 / -1;grid-row:auto}.home__balance,.home__small{height:auto;padding:var(--spacing-xl)}.home__balance .card__value,.home__small .card__value{margin-top:var(--spacing-lg)}.home__balance .card__value--large{font:var(--font-heading-value);letter-spacing:0}.home__balance .card__note{font:var(--font-label-badge)}.home__small .card__value{font:var(--font-title-item)}.notice{gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-2xl)}.notice .icon-box--44{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tint-strong)}.notice__title{font:var(--font-label-strong)}.notice__subtitle{font:var(--font-label-badge)}}.profile-user{flex-direction:row;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-sm)}.avatar{flex:none;width:110px;height:110px;overflow:hidden;border:var(--stroke-thin) solid var(--outline-default);border-radius:var(--radius-2xl)}.avatar__art{display:block;width:100%;height:100%}.avatar__eyes{fill:var(--avatar-eye)}.avatar__eye{transform-box:fill-box;transform-origin:center}.profile-user__text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-md);min-width:0}.profile-user__name,.profile-user__id{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-user__name{font:var(--font-heading-section);color:var(--text-primary)}.profile-user__id{font:var(--font-body-default);color:var(--text-secondary)}.banner{isolation:isolate;min-height:161px;background:var(--bg-inverse);-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:inset(0 round var(--radius-3xl))}.banner__subtitle{position:relative;margin:0;font:var(--font-label-card);color:var(--text-tertiary)}.banner__title{position:relative;margin:var(--spacing-xs-plus) 0 0;font:var(--font-heading-banner);color:var(--text-inverse)}.banner .pill-button{position:relative;margin-top:var(--spacing-2xl)}.banner__art{position:absolute;inset:0;pointer-events:none}.banner__dots{position:absolute;top:-52px;right:-87px;width:404px;max-width:none;height:404px;filter:blur(1.5px);mix-blend-mode:exclusion}.banner__star-wrap{position:absolute;top:-48.64px;right:-57px;display:grid;place-items:center;width:331.589px;height:331.589px;mix-blend-mode:luminosity}.banner__star{position:relative;width:270.742px;height:270.742px;transform:rotate(-15deg)}.banner__star img{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(149.8deg,#000 49%,transparent 77.6%);mask-image:linear-gradient(149.8deg,#000 49%,transparent 77.6%)}.banner__star img.banner__star-blur{filter:blur(4px);-webkit-mask-image:linear-gradient(149.8deg,transparent 49%,#000 77.6%);mask-image:linear-gradient(149.8deg,transparent 49%,#000 77.6%)}.banner__glow{position:absolute;top:-99.0048px;right:-198.9984px;width:387.9968px;max-width:none;height:424.0096px}.profile-contacts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.contact-card{justify-content:space-between;gap:var(--spacing-2xl);min-height:154px}.contact-card__head{display:flex;align-items:center;gap:var(--spacing-lg);min-width:0}.info-hint{display:grid;flex:none;place-items:center;border-radius:50%;color:var(--icon-tertiary);cursor:help}.info-hint:hover,.info-hint:focus-visible{color:var(--icon-primary)}.info-hint svg *{vector-effect:non-scaling-stroke}.profile-logout{display:none;gap:var(--spacing-xs-plus);height:48px;padding:var(--spacing-md) var(--spacing-2xl);border:var(--stroke-thin) solid var(--outline-divider);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl))}@media (max-width: 767px){.profile-user__text{gap:var(--spacing-xs-plus)}.profile-user__name,.profile .card-title{font:var(--font-heading-modal)}.banner__dots{top:-5px;right:-81px;width:242px;height:242px;filter:blur(.9px)}.banner__star-wrap{top:13.73px;right:-69.06px;width:239.986px;height:239.986px}.banner__star{width:178.607px;height:178.607px;transform:rotate(-26.82deg)}.banner__star img.banner__star-blur{filter:blur(2.4px)}.banner__glow{top:calc(87.8px - 110.4px * .6522);right:-239.39904px;width:232.79808px;height:254.40576px}.profile-contacts{gap:var(--spacing-lg)}.contact-card{align-items:center;gap:var(--spacing-lg);min-height:0;padding:var(--spacing-xl);text-align:center}.contact-card__head{flex-direction:column;gap:var(--spacing-md);width:100%}.contact-card .icon-box--44{width:40px;height:40px;border-radius:var(--radius-md)}.contact-card .icon-box--44 .icon--24{width:20px;height:20px}.contact-card .list-row__text{align-items:center;width:100%}.contact-card .list-row__subtitle{max-width:100%}.contact-card .info-hint{display:none}.contact-card .soft-button{gap:var(--spacing-xs-plus);padding:var(--spacing-md) var(--spacing-2xl)}.profile-contacts__wide{display:none}.profile .list-row__title,.profile .list-row__subtitle{white-space:normal}.profile-logout{display:flex}}.vpn__link{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.vpn__link-text{width:242px;overflow:hidden;background:linear-gradient(90deg,var(--text-secondary) 52.778%,transparent 97.222%);-webkit-background-clip:text;background-clip:text;font:var(--font-body-link);color:transparent;white-space:nowrap}.vpn__link-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.vpn-step{container-type:inline-size}.vpn-step__content{display:flex;flex-direction:column;align-items:flex-start;padding-right:calc(195px + var(--spacing-lg))}.vpn-step__text{max-width:375px;margin-top:var(--spacing-sm)}.vpn-step__text--wide{max-width:442px}.vpn-step__chips,.vpn-step__content>.pill-button{margin-top:var(--spacing-2xl-plus)}.vpn-step__chips{max-width:243px}.vpn-step__preview{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:195px;height:169px;overflow:hidden;border-radius:var(--radius-2xl)}.vpn-step__preview>img,.vpn-step__preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vpn-step__preview:not(.vpn-step__preview--square)>video{object-position:50% 15.4%}.vpn-step__preview>video{opacity:0}.vpn-step__preview.is-playing>video{opacity:1}.vpn-step__preview--square{height:195px}@media (prefers-reduced-motion: reduce){.vpn-step__preview>video{display:none}}@media (min-width: 768px){@container (max-width: 520px){.vpn-step__preview{display:none}.vpn-step__content{padding-right:0}}}@media (max-width: 767px){.vpn .screen-head{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.vpn__link-text{flex:1;width:auto;background-image:linear-gradient(90deg,var(--text-primary) 52.778%,transparent 97.222%)}.vpn__link-actions{gap:0}.vpn__link-actions .icon-btn--bare{display:grid;width:32px;height:32px;padding:0;margin:0}.vpn-step .card-title{font:var(--font-heading-modal)}.vpn-step__content{padding-right:0}.vpn-step__text,.vpn-step__text--wide{max-width:none}.vpn-step__chips,.vpn-step__content>.pill-button{margin-top:var(--spacing-2xl)}.vpn-step__chips{max-width:215px}.vpn-step__preview,.vpn-step__preview--square{top:auto;right:-1px;bottom:-1px;width:84px;height:84px;border-radius:var(--radius-2xl) 0 0 0}}.renew{gap:var(--spacing-2xl)}.renew__head{display:flex;flex-direction:column;gap:var(--spacing-sm)}.renew__subtitle--mobile{display:none}.renew-timeline{gap:var(--spacing-lg);padding:var(--spacing-xl)}.renew-timeline__dates{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.renew-timeline__after{text-align:right}.renew-timeline__label,.renew-timeline__date{margin:0;white-space:nowrap}.renew-timeline__label{font:var(--font-label-card);color:var(--text-secondary)}.renew-timeline__date{font:var(--font-title-item);color:var(--text-primary)}.renew-timeline__bar{display:flex;gap:var(--spacing-2xs);height:8px;overflow:hidden;border-radius:var(--radius-full)}.renew-timeline__left,.renew-timeline__added{flex:var(--grow, 1) 1 0;min-width:0;border-radius:var(--radius-full)}.renew-timeline__left{background:var(--icon-secondary)}.renew-timeline__added{background:var(--tag-success-bg)}.renew-timeline__legend{display:flex;align-items:center;gap:var(--spacing-sm)}.renew-timeline__summary{flex:1;min-width:0;margin:0;font:var(--font-body-caption);color:var(--text-tertiary)}.renew-plans{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.plan{gap:var(--spacing-md);width:100%;margin:0;padding:var(--spacing-xl);border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.plan__top{display:flex;align-items:center;gap:var(--spacing-sm);min-height:31px}.plan__title{flex:1;min-width:0;font:var(--font-title-item);color:var(--text-primary)}.plan__tags{display:flex;gap:var(--spacing-sm)}.plan__radio{display:grid;flex:none}.plan__radio>.icon{grid-area:1 / 1}.plan__radio-off{color:var(--icon-tertiary)}.plan__radio-on{color:var(--icon-inverse);opacity:0}.plan__price{display:flex;align-items:baseline;gap:var(--spacing-xs-plus);white-space:nowrap}.plan__amount{font:var(--font-display-amount);letter-spacing:var(--letter-spacing-display-amount);color:var(--text-primary)}.plan__unit{font:var(--font-body-default);color:var(--text-secondary)}.plan__divider{display:block;height:var(--stroke-thin);background:var(--outline-divider)}.plan__bottom{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan__total{display:flex;align-items:baseline;gap:var(--spacing-xs-plus);white-space:nowrap}.plan__sum{font:var(--font-label-strong);color:var(--text-primary)}.plan__muted{font:var(--font-label-default);color:var(--text-secondary)}.plan__note{font:var(--font-body-caption);color:var(--text-secondary)}.plan:not(.is-selected):hover .plan__radio-off{color:var(--icon-primary)}.plan.is-selected{background:var(--bg-inverse);cursor:default}.plan.is-selected:before{opacity:0}.plan.is-selected .plan__title,.plan.is-selected .plan__amount,.plan.is-selected .plan__sum{color:var(--text-inverse)}.plan.is-selected .plan__unit,.plan.is-selected .plan__muted,.plan.is-selected .plan__note{color:var(--text-tertiary)}.plan.is-selected .plan__divider{background:var(--outline-divider-inverse)}.plan.is-selected .plan__radio-off{opacity:0}.plan.is-selected .plan__radio-on{opacity:1}.esc-ui .plan.is-selected:focus-visible{outline-color:var(--outline-focus-inverse)}.renew-pay{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.renew-pay .button{width:100%;padding:0 var(--spacing-2xl)}.renew-pay__button{font:var(--font-button-large-strong)}.renew-pay__was{color:var(--text-tertiary)}.renew-pay__was s{text-decoration-thickness:1.5px}.renew-pay__note{margin:0;font:var(--font-body-caption);color:var(--text-tertiary);text-align:center}.renew-pay__note .spinner{width:14px;height:14px;margin-right:var(--spacing-sm);border-width:1.5px;vertical-align:-2px}.renew-methods{display:flex;flex-direction:column;gap:var(--spacing-sm-plus)}@media (max-width: 767px){.renew{gap:var(--spacing-3xl)}.renew__top{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.renew__subtitle--desktop{display:none}.renew__subtitle--mobile{display:block}.renew-timeline__date{white-space:normal}.renew-plans{display:flex;gap:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--spacing-lg);scrollbar-width:none}.renew-plans::-webkit-scrollbar{display:none}.plan{flex:none;width:min(320px,calc(100vw - 2 * var(--spacing-lg) - 24px));scroll-snap-align:start}.plan__amount{font:var(--font-heading-page);letter-spacing:0}}@media (min-width: 768px){.renew__top{display:contents}}.referral-invite{flex-direction:row;gap:var(--spacing-3xl);clip-path:inset(0 round var(--radius-3xl))}.referral-invite__text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-sm);min-width:0}.referral-art{position:relative;flex:1;min-width:0;min-height:93px}.referral-art__glow{position:absolute;max-width:none}.referral-art__glow--1{left:20.0069px;top:-67.9931px;width:326.9862px}.referral-art__glow--2{left:41.0009px;top:100.9992px;width:132.9982px}.referral-art__glow--3{left:220.0008px;top:128.0008px;width:calc(28px * 3.1428)}.referral-art__glow--4{left:214.9993px;top:calc(12px - 21px * 1.6667);width:91.0014px}.referral-art__blob{position:absolute;overflow:hidden;border-radius:50%}.referral-art__blob img{position:absolute;max-width:none}.referral-art__blob--right{left:calc(50% + 111.76px - 44.74px);top:calc(50% + 37.7px - 44.74px);width:89.479px;height:89.479px;filter:blur(2.632px);transform:rotate(16.59deg)}.referral-art__blob--right img{left:calc(50% - 55.269px);top:calc(50% - 50.007px);width:112.178px;height:99.714px}.referral-art__blob--left{left:calc(50% - 92.74px);top:calc(50% - 81.82px);width:91.6px;height:91.6px;filter:blur(2.694px);transform:rotate(-11.79deg)}.referral-art__blob--left img{left:-4.04px;top:4.04px;width:95.557px;height:84.94px}.referral-art__blob--main{left:calc(50% - 54px);top:calc(50% - 83.5px);width:170px;height:170px;filter:drop-shadow(4.904px 6.538px 19.615px var(--color-141415))}.referral-art__blob--main img{left:0;top:12.75px;width:167.609px;height:148.986px}.referral-art__bonus{position:absolute;left:100px;top:67px;width:71px;padding:var(--spacing-xs-plus) 0;border-radius:var(--radius-full);background:var(--color-222222-24);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));font:var(--font-title-stat);color:var(--text-primary);text-align:center}.referral-stats,.referral-links{gap:var(--spacing-2xl)}.link-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.link-tile{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-tint)}.link-tile:hover{background:var(--button-tertiary-bg-hover)}.link-tile__text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-2xs);min-width:0}.link-tile__url{display:block;overflow:hidden;font:var(--font-label-default);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis}.referral-br--mobile{display:none}@media (max-width: 767px){.referral-br--mobile{display:inline}.referral-br--desktop{display:none}.referral-invite{gap:0}.referral .card-title{font:var(--font-heading-modal)}.referral-art{position:absolute;inset:0 0 0 auto;width:140px;min-height:0;flex:none}.referral-art__glow--1{left:auto;right:-25.7px;top:-18.97px;width:164.8px}.referral-art__glow--2{left:auto;right:17.75px;top:76.3px;width:103.9px;rotate:4.45deg}.referral-art__glow--3{left:auto;right:-2.95px;top:82.85px;width:44.35px}.referral-art__glow--4{left:auto;right:.43px;top:20.5px;width:45.87px}.referral-art__blob--right{left:auto;right:-.41px;top:52.18px;width:45.1px;height:45.1px;filter:blur(1.326px);transform:rotate(21.03deg)}.referral-art__blob--right img{left:-5.31px;top:-2.65px;width:56.541px;height:50.259px}.referral-art__blob--left{left:auto;right:76.25px;top:8.57px;width:46.169px;height:46.169px;filter:blur(1.358px);transform:rotate(-7.35deg)}.referral-art__blob--left img{left:-2.04px;top:2.04px;width:48.164px;height:42.812px}.referral-art__blob--main{left:auto;right:18.46px;top:10.54px;width:85.685px;height:85.685px;filter:drop-shadow(2.472px 3.296px 9.887px var(--color-141415));transform:rotate(4.45deg)}.referral-art__blob--main img{left:0;top:6.43px;width:84.48px;height:75.094px}.referral-art__bonus{left:auto;right:36.5px;top:75.32px;width:53.5px;padding:4.521px 0;box-shadow:0 4px 12px #0006;font:700 12.81px/16.577px var(--font-primary);rotate:27.22deg}.link-tiles{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}.withdraw-cover{height:204px}@media (max-width: 767px){.withdraw-cover{height:156px}}.devices-plan{gap:var(--spacing-xl)}.device-row{cursor:default}.device-row__menu{padding:var(--spacing-xs-plus);margin:calc(-1 * var(--spacing-xs-plus))}.device-row--pending .list-row__subtitle{color:var(--text-tertiary)}.devices__empty{margin:0;font:var(--font-body-compact);color:var(--text-secondary)}.privacy__doc{gap:var(--spacing-md)}.privacy__doc h3{margin:var(--spacing-sm) 0 0;font:var(--font-title-item);color:var(--text-primary)}.privacy__doc p,.privacy__doc li{margin:0;font:var(--font-body-large);color:var(--text-tertiary)}.privacy__doc ul{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding-left:var(--spacing-xl)}.privacy__doc a{color:var(--text-primary);text-decoration:underline;text-underline-position:from-font;overflow-wrap:anywhere}@media (max-width: 767px){.devices .list-row__subtitle{white-space:normal}.devices .card-title,.privacy .card-title{font:var(--font-heading-modal)}.privacy__doc p,.privacy__doc li{font:var(--font-body-compact)}}.privacy__doc .card-title{white-space:normal}.login{display:grid;grid-template-columns:minmax(0,1fr) min(698px,50%);gap:var(--spacing-sm);min-height:100dvh;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0;background:var(--bg-page)}.login__side{display:grid;place-items:center;padding:var(--spacing-3xl) var(--spacing-lg)}.login__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:min(458px,100%)}.login__logo{display:block;width:64px;height:64px}.login-step{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.login-step>.login__intro{margin-bottom:calc(var(--spacing-xl) - var(--spacing-2xl))}.login__intro{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.login__title{margin:0;font:var(--font-heading-page);color:var(--text-primary)}.login__text{margin:0;font:var(--font-body-caption);color:var(--text-tertiary);overflow-wrap:anywhere}.login-field{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0}.login-field__box{display:flex;align-items:center;gap:var(--spacing-sm);height:56px;padding:0 var(--spacing-md) 0 var(--spacing-lg);border:var(--stroke-thin) solid transparent;border-radius:var(--radius-md);background:var(--bg-tint);cursor:text}.login-field__icon{color:var(--icon-tertiary)}.login-field__input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;font:var(--font-body-default);color:var(--text-primary);caret-color:var(--text-primary);text-overflow:ellipsis;outline:none}.login-field__input::placeholder{color:var(--text-tertiary)}.login-field__submit{display:grid;flex:none;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--button-primary-bg);color:var(--icon-inverse);cursor:pointer;-webkit-tap-highlight-color:transparent}.login-field__submit:hover{background:var(--button-primary-bg-hover)}.login-field__submit:active{background:var(--button-primary-bg-pressed)}.login-field__submit .spinner{width:16px;height:16px;color:var(--icon-inverse)}.login-field__helper{margin:0;font:var(--font-body-caption);color:var(--text-tertiary)}.login-field__box:hover{background:var(--button-tertiary-bg-hover)}.login-field__box:focus-within{border-color:var(--outline-accent);background:var(--bg-tint)}.login-field.is-invalid .login-field__box,.login-field.is-invalid .login-code__cell{border-color:var(--outline-danger)}.login-field.is-invalid .login-field__helper{color:var(--text-danger)}.login-code{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sm)}.login-code__cell{width:100%;min-width:0;height:56px;padding:0;border:var(--stroke-thin) solid transparent;border-radius:var(--radius-md);background:var(--bg-tint);font:var(--font-heading-section);color:var(--text-primary);caret-color:var(--text-primary);text-align:center;outline:none}.login-code__cell:hover{background:var(--button-tertiary-bg-hover)}.login-code__cell:focus{border-color:var(--outline-accent);background:var(--bg-tint)}.login-code.is-checking .login-code__cell{opacity:.6;pointer-events:none}.login-resend{padding:0;border:0;background:none;font:inherit;color:var(--text-primary);text-decoration:underline;text-underline-position:from-font;cursor:pointer}.login-divider{display:flex;align-items:center;gap:var(--spacing-lg);font:var(--font-body-compact);color:var(--text-quaternary)}.login-divider:before,.login-divider:after{content:"";flex:1;height:var(--stroke-thin);background:linear-gradient(90deg,transparent,var(--outline-muted))}.login-divider:after{background:linear-gradient(270deg,transparent,var(--outline-muted))}.login__actions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-cover{position:relative;overflow:hidden;border-radius:100px;background:var(--bg-page)}.login-cover img,.login-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion: reduce){.login-cover video{display:none}}@media (max-width: 899px){.login{grid-template-columns:1fr;align-content:start;gap:0;padding:0}.login-cover{order:-1;height:280px;border-radius:0}.login-cover img,.login-cover video{inset:50% auto auto 50%;width:max(100%,455px);height:auto;aspect-ratio:1396 / 1592;translate:-50% -50%}.login-cover:after{content:"";position:absolute;inset:115px 0 0;background:linear-gradient(180deg,#0a0a0a00,#0a0a0a99)}.login__side{position:relative;z-index:1;place-items:start center;margin-top:-17px;padding:0 var(--spacing-lg) var(--spacing-3xl)}.login .login__logo{display:none}.login__title{font:var(--font-heading-value)}}