:root{color-scheme:light;--vx-color-page: #f3f6fb;--vx-color-content: #f8fafd;--vx-color-card: rgba(255, 255, 255, .9);--vx-color-card-elevated: #ffffff;--vx-color-floating: rgba(255, 255, 255, .96);--vx-color-modal: #ffffff;--vx-color-input: #f7f9fc;--vx-color-overlay: rgba(23, 35, 57, .34);--vx-color-text-primary: #15213a;--vx-color-text-secondary: #526079;--vx-color-text-tertiary: #7b879d;--vx-color-text-disabled: #aab2c1;--vx-color-text-on-primary: #ffffff;--vx-color-text-on-accent: #ffffff;--vx-color-border: rgba(92, 112, 145, .16);--vx-color-border-strong: rgba(74, 96, 132, .26);--vx-color-divider: rgba(92, 112, 145, .12);--vx-color-focus-ring: rgba(23, 105, 224, .3);--vx-color-primary: #1769e0;--vx-color-primary-strong: #0b58c7;--vx-color-primary-soft: #eaf3ff;--vx-color-primary-border: #b8d5fb;--vx-color-primary-text: #0b58c7;--vx-color-accent: #7164e8;--vx-color-accent-soft: #f0eeff;--vx-color-accent-border: #d3cefb;--vx-color-accent-text: #5749c9;--vx-color-success: #16875d;--vx-color-success-soft: #eaf8f1;--vx-color-success-border: #b9e6d2;--vx-color-success-text: #116a49;--vx-color-warning: #a66308;--vx-color-warning-soft: #fff6e6;--vx-color-warning-border: #f4d39a;--vx-color-warning-text: #8b5205;--vx-color-danger: #c83f55;--vx-color-danger-soft: #fff0f2;--vx-color-danger-border: #f2c2ca;--vx-color-danger-text: #a72f43;--vx-color-processing: #5368d9;--vx-color-processing-soft: #eef0ff;--vx-color-processing-border: #cdd3fb;--vx-color-processing-text: #4255bb;--vx-input-background: var(--vx-color-input);--vx-input-border: var(--vx-color-border-strong);--vx-input-border-focus: var(--vx-color-primary);--vx-input-border-error: var(--vx-color-danger);--vx-input-placeholder: #98a3b6;--vx-input-disabled-background: #edf0f5;--vx-input-disabled-text: var(--vx-color-text-disabled);--vx-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--vx-font-xs: 12px;--vx-font-sm: 13px;--vx-font-md: 15px;--vx-font-lg: 18px;--vx-font-xl: 24px;--vx-font-display: 32px;--vx-font-weight-regular: 400;--vx-font-weight-medium: 500;--vx-font-weight-semibold: 600;--vx-font-weight-bold: 700;--vx-line-height-tight: 1.2;--vx-line-height-normal: 1.5;--vx-line-height-relaxed: 1.65;--vx-radius-sm: 10px;--vx-radius-md: 14px;--vx-radius-lg: 20px;--vx-radius-xl: 26px;--vx-radius-pill: 999px;--vx-shadow-sm: 0 1px 2px rgba(27, 43, 73, .04), 0 6px 18px rgba(27, 43, 73, .05);--vx-shadow-md: 0 12px 30px rgba(30, 50, 84, .08);--vx-shadow-lg: 0 18px 48px rgba(30, 50, 84, .11);--vx-shadow-floating: 0 20px 54px rgba(30, 50, 84, .14);--vx-glass-background: rgba(255, 255, 255, .78);--vx-glass-border: rgba(255, 255, 255, .68);--vx-glass-blur: 18px;--vx-overlay-blur: 6px;--vx-ambient-light: radial-gradient(circle at 14% 4%, rgba(80, 151, 255, .13), transparent 30%), radial-gradient(circle at 88% 2%, rgba(126, 109, 238, .09), transparent 28%);--vx-duration-fast: .15s;--vx-duration-normal: .22s;--vx-duration-slow: .3s;--vx-easing-standard: cubic-bezier(.2, 0, 0, 1);--vx-easing-emphasized: cubic-bezier(.2, .8, .2, 1);--vx-gradient-brand: linear-gradient(135deg, #1769e0 0%, #5b75e8 58%, #7164e8 100%);--vx-gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .92));--vx-gradient-accent: linear-gradient(135deg, #7164e8, #5c7bea);--vx-space-xxs: 4px;--vx-space-xs: 8px;--vx-space-sm: 12px;--vx-space-md: 16px;--vx-space-lg: 24px;--vx-space-xl: 32px;--vx-layout-content-width: 480px;--vx-layout-page-padding-inline: var(--vx-space-md);--vx-layout-page-padding-block: var(--vx-space-md);--vx-layout-page-gap: var(--vx-space-md);--vx-list-row-height: 58px;--vx-top-height: 72px;--vx-navigation-height: 72px;--vx-navigation-surface: var(--vx-color-floating);--vx-card-background: var(--vx-color-card);--vx-card-border: 1px solid var(--vx-color-border);--vx-card-radius: var(--vx-radius-lg);--vx-card-shadow: var(--vx-shadow-sm);--vx-card-padding: var(--vx-space-md);--vx-card-elevated-background: var(--vx-color-card-elevated);--vx-card-elevated-radius: var(--vx-radius-xl);--vx-card-elevated-shadow: var(--vx-shadow-md);--vx-button-height: 44px;--vx-button-radius: var(--vx-radius-md);--vx-button-shadow: 0 8px 20px rgba(23, 105, 224, .2);--vx-button-special-shadow: 0 8px 20px rgba(113, 100, 232, .18);--vx-button-secondary-background: var(--vx-color-card-elevated);--vx-button-ghost-background: rgba(255, 255, 255, .46);--vx-input-height: 44px;--vx-input-radius: var(--vx-radius-md);--vx-input-focus-shadow: 0 0 0 3px var(--vx-color-focus-ring);--vx-modal-radius: var(--vx-radius-xl);--vx-modal-padding: var(--vx-space-md);--vx-header-shadow: 0 1px 0 rgba(255, 255, 255, .72);--vx-navigation-shadow: 0 -10px 30px rgba(38, 58, 91, .08);--vx-navigation-active-shadow: 0 6px 16px rgba(23, 105, 224, .18);--vx-progress-track-background: #e7edf6;--vx-divider: 1px solid var(--vx-color-divider);--vx-type-page-title-size: var(--vx-font-xl);--vx-type-body-size: var(--vx-font-md);--vx-type-number-size: var(--vx-font-xl);--vx-type-display-number-size: var(--vx-font-display);--vx-type-title-weight: var(--vx-font-weight-bold);--vx-type-number-weight: var(--vx-font-weight-semibold);--vx-motion-enter-offset: 12px;--vx-motion-hover-lift: -1px;--vx-motion-card-hover-lift: -2px;--vx-motion-press-scale: .985;--vx-safe-top: env(safe-area-inset-top, 0px);--vx-safe-right: env(safe-area-inset-right, 0px);--vx-safe-bottom: env(safe-area-inset-bottom, 0px);--vx-safe-left: env(safe-area-inset-left, 0px);--vx-page-max-width: var(--vx-layout-content-width);--vx-bottom-nav-height: var(--vx-navigation-height);--vx-touch-target: var(--vx-button-height);--vx-color-page-glow: rgba(80, 151, 255, .12);--vx-color-surface: var(--vx-color-card);--vx-color-surface-elevated: var(--vx-color-card-elevated);--vx-color-surface-muted: var(--vx-color-input);--vx-color-text: var(--vx-color-text-primary);--vx-color-text-muted: var(--vx-color-text-secondary);--vx-color-text-subtle: var(--vx-color-text-tertiary);--vx-color-secondary: var(--vx-color-primary);--vx-color-secondary-soft: var(--vx-color-primary-soft);--vx-shadow-card: var(--vx-shadow-sm)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--vx-color-page);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--vx-color-text);font-family:var(--vx-font-family);font-size:var(--vx-type-body-size);font-weight:var(--vx-font-weight-regular);line-height:var(--vx-line-height-normal);background:var(--vx-ambient-light),var(--vx-color-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--vx-color-text-primary);font-weight:var(--vx-font-weight-bold);letter-spacing:-.025em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--vx-color-focus-ring);outline-offset:2px}::selection{background:var(--vx-color-primary-soft);color:var(--vx-color-primary-text)}.app-frame{position:relative;isolation:isolate;width:100%;max-width:var(--vx-layout-content-width);min-height:100vh;margin:0 auto;padding-inline:var(--vx-safe-left) var(--vx-safe-right);overflow-x:clip;background:color-mix(in srgb,var(--vx-color-content) 94%,transparent);border-inline:1px solid var(--vx-color-border);box-shadow:var(--vx-shadow-lg)}.app-ambient{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.app-ambient:before{position:absolute;top:-180px;left:50%;width:min(620px,130vw);height:420px;content:"";background:var(--vx-ambient-light);transform:translate(-50%)}.top-header{position:sticky;z-index:30;top:0;display:flex;min-height:calc(var(--vx-top-height) + var(--vx-safe-top));padding:calc(var(--vx-space-sm) + var(--vx-safe-top)) var(--vx-space-md) var(--vx-space-sm);align-items:center;justify-content:space-between;gap:var(--vx-space-sm);background:var(--vx-navigation-surface);border-bottom:var(--vx-divider);box-shadow:var(--vx-header-shadow)}.brand-link{display:inline-flex;min-width:0;min-height:var(--vx-touch-target);align-items:center}.brand-logo{width:112px;height:auto}.balance-chip{display:flex;min-height:var(--vx-touch-target);padding:var(--vx-space-xs) var(--vx-space-sm);flex-direction:column;align-items:flex-end;justify-content:center;border:1px solid var(--vx-glass-border);border-radius:var(--vx-radius-md);background:var(--vx-color-card-elevated);box-shadow:var(--vx-shadow-sm);transition:transform var(--vx-duration-fast) var(--vx-easing-standard),border-color var(--vx-duration-fast) var(--vx-easing-standard)}.balance-chip span,.balance-chip strong{white-space:nowrap}.balance-chip span{color:var(--vx-color-text-tertiary);font-size:var(--vx-font-xs)}.balance-chip strong{font-size:var(--vx-font-sm);font-weight:var(--vx-font-weight-bold);font-variant-numeric:tabular-nums}.app-content{position:relative;min-height:calc(100vh - var(--vx-top-height));padding-bottom:calc(var(--vx-bottom-nav-height) + var(--vx-safe-bottom) + var(--vx-space-lg))}.page{display:flex;width:100%;padding:var(--vx-layout-page-padding-block) var(--vx-layout-page-padding-inline);flex-direction:column;gap:var(--vx-layout-page-gap);overflow-x:clip}.page--vip{padding-top:var(--vx-space-sm)}.page-enter>:not(.modal-backdrop){animation:page-enter var(--vx-duration-slow) var(--vx-easing-emphasized) both}.page-heading{padding-top:var(--vx-space-xs)}.page-heading h1,.section-heading h1{margin-bottom:var(--vx-space-xs);font-size:var(--vx-type-page-title-size);font-weight:var(--vx-type-title-weight)}.page-heading p,.section-heading p,.muted,.fine-print,.mock-note{color:var(--vx-color-text-secondary);line-height:var(--vx-line-height-relaxed)}.eyebrow{display:block;margin-bottom:var(--vx-space-xxs);color:var(--vx-color-primary);font-size:var(--vx-font-xs);font-weight:var(--vx-font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.hero-banner{position:relative;overflow:hidden;border:1px solid var(--vx-color-border);border-radius:var(--vx-card-elevated-radius);background:var(--vx-card-elevated-background);box-shadow:var(--vx-card-elevated-shadow)}.hero-banner img{width:100%;aspect-ratio:2.5/1;object-fit:cover}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vx-space-xs)}.quick-action{display:flex;min-width:0;min-height:78px;padding:var(--vx-space-xs);flex-direction:column;align-items:center;justify-content:center;gap:var(--vx-space-xs);color:var(--vx-color-text-secondary);border:var(--vx-card-border);border-radius:var(--vx-card-radius);background:var(--vx-card-background);box-shadow:var(--vx-card-shadow);text-align:center;transition:transform var(--vx-duration-fast) var(--vx-easing-standard),border-color var(--vx-duration-fast) var(--vx-easing-standard),box-shadow var(--vx-duration-fast) var(--vx-easing-standard)}.quick-action span{display:grid;width:32px;height:32px;place-items:center;color:var(--vx-color-primary);border-radius:var(--vx-radius-md);background:var(--vx-color-primary-soft);font-size:var(--vx-font-lg)}.quick-action strong{overflow:hidden;max-width:100%;color:var(--vx-color-text-primary);font-size:var(--vx-font-xs);font-weight:var(--vx-font-weight-semibold);text-overflow:ellipsis}.quick-action:disabled{cursor:not-allowed;color:var(--vx-color-text-disabled);opacity:.68}.section-heading,.card-title-row,.modal-title-row,.dev-panel-heading,.summary-inline,.asset-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--vx-space-sm)}.section-heading a,.text-link{color:var(--vx-color-primary);font-size:var(--vx-font-sm);font-weight:var(--vx-font-weight-semibold)}.product-list,.stack-list,.record-list,.member-list,.team-levels{display:flex;flex-direction:column;gap:var(--vx-space-md)}.product-card{overflow:hidden;border:1px solid var(--vx-color-border);border-radius:var(--vx-card-elevated-radius);background:var(--vx-card-elevated-background);box-shadow:var(--vx-card-elevated-shadow);transition:transform var(--vx-duration-normal) var(--vx-easing-standard),box-shadow var(--vx-duration-normal) var(--vx-easing-standard)}.product-visual{position:relative;overflow:hidden;background:var(--vx-color-primary-soft)}.product-visual img{width:100%;aspect-ratio:1.72/1;object-fit:cover}.vip-tag{display:inline-flex;min-height:26px;padding:0 var(--vx-space-sm);align-items:center;color:var(--vx-color-text-on-primary);border-radius:var(--vx-radius-pill);background:var(--vx-gradient-brand);font-size:var(--vx-font-xs);font-weight:var(--vx-font-weight-bold);letter-spacing:.04em;box-shadow:var(--vx-shadow-sm)}.product-visual .vip-tag{position:absolute;top:var(--vx-space-sm);right:var(--vx-space-sm)}.product-main,.product-special{display:flex;padding:var(--vx-space-lg);flex-direction:column;gap:var(--vx-space-md)}.product-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--vx-space-sm)}.product-section-heading>div{min-width:0}.product-hidden-copy{min-width:0}.product-section-heading .status-badge{flex:0 0 auto;margin-top:var(--vx-space-xxs)}.product-main h2,.product-special h3{margin-bottom:var(--vx-space-xs)}.product-main h2{font-size:var(--vx-font-xl);line-height:var(--vx-line-height-tight)}.product-special{background:var(--vx-color-content);border-top:1px solid var(--vx-color-divider)}.product-special--hidden{min-height:150px;flex-direction:row;align-items:center;background:linear-gradient(115deg,var(--vx-color-content),var(--vx-color-card-elevated))}.hidden-channel-lock{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;color:var(--vx-color-text-tertiary);border:1px dashed var(--vx-color-border-strong);border-radius:50%;background:var(--vx-color-card);font-size:var(--vx-font-xl)}.metric-grid,.special-summary,.summary-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-xs)}.special-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{display:flex;min-width:0;padding:var(--vx-space-sm);flex-direction:column;gap:var(--vx-space-xxs);border:1px solid var(--vx-color-divider);border-radius:var(--vx-radius-md);background:var(--vx-color-card)}.metric span{color:var(--vx-color-text-secondary);font-size:var(--vx-font-xs)}.metric strong{overflow-wrap:anywhere;font-size:var(--vx-font-sm);font-weight:var(--vx-font-weight-semibold);font-variant-numeric:tabular-nums}.live-stats{display:flex;padding:var(--vx-space-sm);justify-content:space-between;gap:var(--vx-space-sm);color:var(--vx-color-success-text);border:1px solid var(--vx-color-success-border);border-radius:var(--vx-radius-md);background:var(--vx-color-success-soft);font-size:var(--vx-font-sm)}.progress-track{overflow:hidden;height:8px;margin-bottom:var(--vx-space-xs);border-radius:var(--vx-radius-pill);background:var(--vx-progress-track-background)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--vx-gradient-brand);transition:width var(--vx-duration-slow) var(--vx-easing-emphasized)}.button{display:inline-flex;min-height:var(--vx-button-height);padding:var(--vx-space-sm) var(--vx-space-md);align-items:center;justify-content:center;gap:var(--vx-space-xs);cursor:pointer;border:1px solid transparent;border-radius:var(--vx-button-radius);font-weight:var(--vx-font-weight-semibold);text-align:center;transition:transform var(--vx-duration-fast) var(--vx-easing-standard),opacity var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard),border-color var(--vx-duration-fast) var(--vx-easing-standard),box-shadow var(--vx-duration-fast) var(--vx-easing-standard)}.button:active:not(:disabled){transform:scale(var(--vx-motion-press-scale))}.button:disabled{cursor:not-allowed;color:var(--vx-color-text-disabled);box-shadow:none;opacity:.66}.button--primary{color:var(--vx-color-text-on-primary);background:var(--vx-gradient-brand);box-shadow:var(--vx-button-shadow)}.button--secondary{color:var(--vx-color-text-primary);border-color:var(--vx-color-border-strong);background:var(--vx-button-secondary-background);box-shadow:var(--vx-shadow-sm)}.button--special{color:var(--vx-color-text-on-accent);background:var(--vx-gradient-accent);box-shadow:var(--vx-button-special-shadow)}.button--ghost{color:var(--vx-color-text-secondary);border-color:var(--vx-color-border);background:var(--vx-button-ghost-background)}.button--text{min-height:var(--vx-touch-target);padding-inline:var(--vx-space-xs);color:var(--vx-color-primary);background:transparent}.button--danger{color:var(--vx-color-danger-text);border-color:var(--vx-color-danger-border);background:var(--vx-color-danger-soft)}.button--block{width:100%}.button-row{display:flex;gap:var(--vx-space-sm)}.button-row>*{flex:1}.bottom-nav{position:fixed;z-index:40;right:max((100vw - var(--vx-layout-content-width)) / 2,0px);bottom:0;left:max((100vw - var(--vx-layout-content-width)) / 2,0px);display:grid;min-height:calc(var(--vx-navigation-height) + var(--vx-safe-bottom));padding:var(--vx-space-xs) var(--vx-space-xs) var(--vx-safe-bottom);grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--vx-divider);background:var(--vx-navigation-surface);box-shadow:var(--vx-navigation-shadow)}.nav-item{position:relative;display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:var(--vx-space-xxs);color:var(--vx-color-text-tertiary);font-size:10px;font-weight:var(--vx-font-weight-medium);transition:color var(--vx-duration-fast) var(--vx-easing-standard),transform var(--vx-duration-fast) var(--vx-easing-standard)}.nav-icon-wrap{display:grid;width:28px;height:28px;place-items:center;color:currentColor;border-radius:var(--vx-radius-md);transition:color var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard),transform var(--vx-duration-fast) var(--vx-easing-standard)}.nav-icon-wrap svg{width:22px;height:22px}.nav-item--active{color:var(--vx-color-primary);font-weight:var(--vx-font-weight-semibold)}.nav-item--active .nav-icon-wrap{background:var(--vx-color-primary-soft);box-shadow:inset 0 0 0 1px var(--vx-color-primary-border)}.nav-item--featured .nav-icon-wrap{width:34px;height:34px;background:var(--vx-color-accent-soft);color:var(--vx-color-accent-text);box-shadow:inset 0 0 0 1px var(--vx-color-accent-border)}.nav-item--featured.nav-item--active .nav-icon-wrap{color:var(--vx-color-text-on-primary);background:var(--vx-gradient-brand);box-shadow:var(--vx-navigation-active-shadow)}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;padding:max(var(--vx-space-md),var(--vx-safe-top)) var(--vx-space-md) max(var(--vx-space-md),var(--vx-safe-bottom));align-items:flex-end;justify-content:center;background:var(--vx-color-overlay);animation:modal-backdrop-enter var(--vx-duration-normal) var(--vx-easing-standard) both}.modal-panel{display:flex;width:min(100%,448px);max-height:min(86vh,720px);padding:var(--vx-modal-padding);flex-direction:column;overflow:hidden;border:1px solid var(--vx-glass-border);border-radius:var(--vx-modal-radius);background:var(--vx-color-modal);box-shadow:var(--vx-shadow-floating);animation:modal-panel-enter var(--vx-duration-slow) var(--vx-easing-emphasized) both}.modal-handle{width:42px;height:4px;margin:0 auto var(--vx-space-md);border-radius:var(--vx-radius-pill);background:var(--vx-color-border-strong)}.modal-eyebrow{width:fit-content;margin-bottom:var(--vx-space-sm);padding:var(--vx-space-xs) var(--vx-space-sm);color:var(--vx-color-accent-text);border:1px solid var(--vx-color-accent-border);border-radius:var(--vx-radius-pill);background:var(--vx-color-accent-soft);font-size:var(--vx-font-xs);font-weight:var(--vx-font-weight-bold);letter-spacing:.08em}.modal-title-row h2{margin-bottom:0;font-size:var(--vx-font-xl);line-height:var(--vx-line-height-tight)}.icon-button{flex:0 0 var(--vx-touch-target);width:var(--vx-touch-target);height:var(--vx-touch-target);cursor:pointer;color:var(--vx-color-text-secondary);border:0;border-radius:50%;background:var(--vx-color-input);font-size:26px;line-height:1;transition:color var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard),transform var(--vx-duration-fast) var(--vx-easing-standard)}.modal-content{padding-block:var(--vx-space-md);overflow-y:auto;overscroll-behavior:contain}.modal-footer{padding-top:var(--vx-space-sm);border-top:1px solid var(--vx-color-divider)}.notice-list{display:grid;margin:0;padding-left:var(--vx-space-lg);gap:var(--vx-space-sm);color:var(--vx-color-text-secondary);line-height:var(--vx-line-height-relaxed)}.confirmation-flow{display:flex;flex-direction:column;gap:var(--vx-space-xs)}.confirmation-metric{display:flex;padding:var(--vx-space-sm);align-items:center;justify-content:space-between;gap:var(--vx-space-sm);border:1px solid var(--vx-color-divider);border-radius:var(--vx-radius-md);background:var(--vx-color-content)}.confirmation-metric span{color:var(--vx-color-text-secondary)}.confirmation-metric strong{color:var(--vx-color-text-primary);font-weight:var(--vx-font-weight-semibold);text-align:right}.flow-arrow{color:var(--vx-color-primary);font-size:22px;text-align:center}.modal-panel--compact{max-height:min(94dvh,720px);padding-block:var(--vx-space-sm)}.modal-panel--compact .modal-handle{margin-bottom:var(--vx-space-sm)}.modal-panel--compact .modal-eyebrow{margin-bottom:6px}.modal-panel--compact .modal-title-row h2{font-size:19px}.modal-panel--compact .modal-content{padding-block:10px}.modal-panel--compact .modal-footer{padding-top:8px}.modal-panel--compact .confirmation-flow{gap:3px}.modal-panel--compact .confirmation-metric{padding:8px var(--vx-space-sm)}.modal-panel--compact .flow-arrow{padding-block:2px;font-size:18px;line-height:1}.modal-panel--compact .confirmation-flow>p{margin:4px 0 2px;font-size:14px;line-height:1.4}.summary-card,.asset-card,.state-card,.form-card,.info-card,.content-card,.service-hero,.checkin-card,.team-level-card,.profile-card,.account-balance{padding:var(--vx-card-padding);border:var(--vx-card-border);border-radius:var(--vx-card-radius);background:var(--vx-card-background);box-shadow:var(--vx-card-shadow)}.summary-card{display:flex;flex-direction:column;gap:var(--vx-space-xs)}.summary-card>span,.summary-inline span{color:var(--vx-color-text-muted);font-size:var(--vx-font-sm)}.summary-card>strong{font-size:var(--vx-type-number-size);font-weight:var(--vx-type-number-weight)}.summary-inline{padding-top:var(--vx-space-sm);border-top:1px solid var(--vx-color-border)}.asset-card h2{margin:var(--vx-space-xs) 0 var(--vx-space-md);font-size:var(--vx-font-lg)}.asset-footer{margin-top:var(--vx-space-md);padding-top:var(--vx-space-sm);color:var(--vx-color-text-muted);border-top:1px solid var(--vx-color-border);font-size:var(--vx-font-xs)}.state-card{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.state-card p{color:var(--vx-color-text-secondary);line-height:var(--vx-line-height-relaxed)}.state-icon{display:grid;width:52px;height:52px;margin-bottom:var(--vx-space-sm);place-items:center;color:var(--vx-color-primary);border-radius:50%;background:var(--vx-color-primary-soft);font-size:var(--vx-font-xl)}.state-illustration{width:88px;height:66px;margin-bottom:var(--vx-space-sm)}.skeleton{width:100%;height:18px;margin-bottom:var(--vx-space-sm);border-radius:var(--vx-radius-pill);background:linear-gradient(90deg,var(--vx-color-surface),var(--vx-color-surface-elevated),var(--vx-color-surface));background-size:200% 100%;animation:skeleton 1.3s linear infinite}.skeleton-title{width:55%;height:28px}.skeleton-short{width:72%}@keyframes skeleton{to{background-position:-200% 0}}.chip-row{display:flex;gap:var(--vx-space-xs);overflow-x:auto;scrollbar-width:none}.chip{min-height:38px;padding:0 var(--vx-space-md);cursor:pointer;color:var(--vx-color-text-muted);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-pill);background:var(--vx-color-surface);white-space:nowrap}.chip--active{color:var(--vx-color-text);border-color:var(--vx-color-primary);background:var(--vx-color-primary-soft)}.income-view-tabs{display:grid;padding:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.income-view-tab{min-width:0;min-height:44px;padding:var(--vx-space-xs);cursor:pointer;color:var(--vx-color-text-muted);border:0;border-radius:calc(var(--vx-radius-md) - 4px);background:transparent;font-size:11px;font-weight:800;line-height:1.2}.income-view-tab--active{color:var(--vx-color-text-on-primary);background:var(--vx-gradient-brand)}.income-product-card,.special-channel-card{padding:var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-gradient-card);box-shadow:var(--vx-shadow-card)}.income-product-card h2,.special-channel-card h2{margin:var(--vx-space-xs) 0 0;font-size:var(--vx-font-md)}.income-product-card>small,.special-channel-card>small{display:block;margin-top:var(--vx-space-sm);color:var(--vx-color-text-muted)}.income-product-metrics{display:grid;margin-top:var(--vx-space-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-xs)}.income-product-metrics>div,.special-credit{display:flex;min-width:0;padding:var(--vx-space-sm);flex-direction:column;gap:var(--vx-space-xxs);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface)}.income-product-metrics span,.special-credit span{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs)}.income-product-metrics strong,.special-credit strong{overflow-wrap:anywhere}.special-credit{margin-top:var(--vx-space-sm)}.special-credit--amount strong{color:var(--vx-color-success);font-size:var(--vx-font-lg)}.record-item,.member-card{display:flex;min-width:0;min-height:var(--vx-list-row-height);padding:var(--vx-space-md);align-items:center;justify-content:space-between;gap:var(--vx-space-sm);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.record-item>div:first-child,.record-value,.member-copy,.member-meta{display:flex;min-width:0;flex-direction:column;gap:var(--vx-space-xxs)}.member-copy{flex:1 1 auto}.record-item span,.member-copy span{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs);line-height:1.45}.member-vip-list{display:flex;margin-top:var(--vx-space-xxs);flex-wrap:wrap;gap:4px}.member-vip-tag{padding:3px 7px;color:var(--vx-color-secondary);border:1px solid var(--vx-color-secondary);border-radius:var(--vx-radius-pill);font-size:9px;font-weight:800}.record-value,.member-meta{flex:0 0 auto;align-items:flex-end;text-align:right}.record-value>strong,.amount-positive{color:var(--vx-color-success)}.amount-negative,.error-text{color:var(--vx-color-danger)}.status-badge{display:inline-flex;width:fit-content;min-height:24px;padding:3px 9px;align-items:center;border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-pill);background:var(--vx-color-input);color:var(--vx-color-text-secondary);font-size:10px;font-weight:var(--vx-font-weight-bold);letter-spacing:.04em;line-height:1;white-space:nowrap}.status-badge--success{color:var(--vx-color-success-text);border-color:var(--vx-color-success-border);background:var(--vx-color-success-soft)}.status-badge--warning{color:var(--vx-color-warning-text);border-color:var(--vx-color-warning-border);background:var(--vx-color-warning-soft)}.status-badge--danger{color:var(--vx-color-danger-text);border-color:var(--vx-color-danger-border);background:var(--vx-color-danger-soft)}.status-badge--processing{color:var(--vx-color-processing-text);border-color:var(--vx-color-processing-border);background:var(--vx-color-processing-soft)}.status-badge--disabled{color:var(--vx-color-text-disabled);border-color:var(--vx-color-divider);background:var(--vx-input-disabled-background)}.end-note,.mock-note{margin:0;font-size:var(--vx-font-xs);text-align:center}.checkin-card{position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;align-items:center;text-align:center}.checkin-card--checking{background:radial-gradient(circle at 50% 25%,var(--vx-color-primary-soft),transparent 55%),var(--vx-gradient-card)}.checkin-card--won{border-color:var(--vx-color-success);background:radial-gradient(circle at 50% 25%,var(--vx-color-success-soft),transparent 55%),var(--vx-gradient-card)}.orb{display:grid;width:82px;height:82px;margin-bottom:var(--vx-space-md);place-items:center;color:var(--vx-color-text-on-primary);border-radius:50%;background:var(--vx-gradient-brand);box-shadow:0 0 42px var(--vx-color-primary-soft);font-size:var(--vx-font-xl);font-weight:900}.orb--small{width:58px;height:58px}.checkin-orb{position:relative;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.checkin-orb--checking{animation:checkin-pulse .72s ease-in-out infinite alternate}.checkin-orb--checking:after{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;content:"";border:2px dashed var(--vx-color-secondary);border-radius:50%;animation:checkin-spin 1.2s linear infinite}.checkin-orb--won{background:var(--vx-color-success);box-shadow:0 0 52px var(--vx-color-success-soft);animation:checkin-result-pop .52s ease-out both}.checkin-orb--not_won,.checkin-orb--error{animation:checkin-result-pop .42s ease-out both}.checkin-dots{display:flex;gap:4px}.checkin-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:checkin-dot .6s ease-in-out infinite alternate}.checkin-dots i:nth-child(2){animation-delay:.15s}.checkin-dots i:nth-child(3){animation-delay:.3s}.checkin-result-copy{min-height:58px}.checkin-result-copy strong{display:block;color:var(--vx-color-success)}.checkin-card--not_won .checkin-result-copy strong{color:var(--vx-color-text)}.checkin-result-copy p{margin:var(--vx-space-xxs) 0 0;color:var(--vx-color-text-muted);line-height:1.45}@keyframes checkin-spin{to{transform:rotate(360deg)}}@keyframes checkin-pulse{to{transform:scale(1.08);box-shadow:0 0 64px var(--vx-color-primary-soft)}}@keyframes checkin-dot{to{opacity:.35;transform:translateY(-5px)}}@keyframes checkin-result-pop{0%{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.chest-stage{display:flex;min-height:360px;padding:var(--vx-space-xl) var(--vx-space-md);flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-lg);background:radial-gradient(circle at 50% 35%,var(--vx-color-primary-soft),transparent 48%),var(--vx-color-surface-muted);text-align:center}.chest-visual{position:relative;z-index:1;display:grid;width:142px;height:112px;margin-bottom:var(--vx-space-lg);place-items:center;color:var(--vx-color-text-on-primary);border:4px solid var(--vx-color-accent);border-radius:18px 18px 32px 32px;background:var(--vx-gradient-brand);box-shadow:0 22px 70px var(--vx-color-primary-soft);font-size:28px;font-weight:900}.chest-visual:before{position:absolute;top:-25px;right:-8px;left:-8px;height:35px;content:"";border:4px solid var(--vx-color-accent);border-radius:20px 20px 10px 10px;background:var(--vx-color-primary)}.chest-visual--opening{animation:chest-shake .36s ease-in-out infinite alternate}.chest-visual--opening:before{animation:chest-lid-wobble .52s ease-in-out infinite alternate}.chest-visual--reward{animation:chest-reveal .48s ease-out both;box-shadow:0 0 90px var(--vx-color-accent)}.chest-visual--reward:before{transform:translateY(-30px) rotate(-7deg);transform-origin:left bottom}.chest-mark{position:relative;z-index:2}.chest-sparks{position:absolute;z-index:-1;top:45%;right:50%;bottom:45%;left:50%;pointer-events:none}.chest-sparks i{position:absolute;width:10px;height:10px;border-radius:3px;background:var(--vx-color-accent);box-shadow:0 0 18px var(--vx-color-accent);animation:chest-spark .9s ease-out both}.chest-visual--opening .chest-sparks i{animation-iteration-count:infinite}.chest-sparks i:nth-child(1){--spark-x: -92px;--spark-y: -78px}.chest-sparks i:nth-child(2){--spark-x: -45px;--spark-y: -108px;animation-delay:.12s}.chest-sparks i:nth-child(3){--spark-x: 18px;--spark-y: -112px;animation-delay:.24s}.chest-sparks i:nth-child(4){--spark-x: 82px;--spark-y: -72px;animation-delay:.36s}.chest-sparks i:nth-child(5){--spark-x: 98px;--spark-y: 2px;animation-delay:.18s}.chest-sparks i:nth-child(6){--spark-x: 56px;--spark-y: 64px;animation-delay:.3s}.chest-sparks i:nth-child(7){--spark-x: -54px;--spark-y: 62px;animation-delay:.42s}.chest-sparks i:nth-child(8){--spark-x: -96px;--spark-y: 8px;animation-delay:.54s}.chest-opening-copy,.chest-result{display:flex;min-height:58px;margin-bottom:var(--vx-space-md);flex-direction:column;align-items:center;justify-content:center;gap:var(--vx-space-xxs)}.chest-opening-copy span,.chest-result span{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs)}.chest-result{padding:var(--vx-space-sm) var(--vx-space-lg);border:1px solid var(--vx-color-success);border-radius:var(--vx-radius-md);background:var(--vx-color-success-soft)}.chest-result strong{color:var(--vx-color-success);font-size:var(--vx-font-xl)}@keyframes chest-shake{0%{transform:rotate(-2deg) translateY(0) scale(.98)}to{transform:rotate(2deg) translateY(-7px) scale(1.02)}}@keyframes chest-lid-wobble{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-9px) rotate(3deg)}}@keyframes chest-reveal{0%{transform:scale(.88);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}@keyframes chest-spark{0%{opacity:1;transform:translate(0) rotate(0) scale(.6)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(180deg) scale(1.15)}}.chest-count{margin-bottom:var(--vx-space-md);font-size:42px}.info-card{background:var(--vx-color-secondary-soft)}.info-card p{margin:var(--vx-space-xs) 0 0;color:var(--vx-color-text-muted);line-height:1.55}.team-hero{padding:var(--vx-space-lg);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-lg);background:radial-gradient(circle at 90% 0%,var(--vx-color-secondary-soft),transparent 45%),var(--vx-gradient-card);box-shadow:var(--vx-shadow-card)}.team-hero-stats{display:grid;margin-bottom:var(--vx-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-md)}.team-hero-stats>div{display:flex;min-width:0;flex-direction:column;gap:var(--vx-space-xs)}.team-hero-stats span,.team-level-metrics small{color:var(--vx-color-text-muted)}.team-hero-stats strong{font-size:48px}.team-hero-stats>div:last-child strong{font-size:clamp(20px,5vw,28px);white-space:nowrap}.team-reward-rules{padding:var(--vx-space-lg);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-lg);background:radial-gradient(circle at 100% 0%,var(--vx-color-secondary-soft),transparent 32%),var(--vx-gradient-card);box-shadow:var(--vx-shadow-card)}.team-reward-rules-heading{margin-bottom:var(--vx-space-md)}.team-reward-rules-heading h2{margin:var(--vx-space-sm) 0 var(--vx-space-xs);font-size:24px}.team-reward-rules-heading p,.team-reward-rate-card p,.team-reward-details p,.team-reward-closing{color:var(--vx-color-text-muted);line-height:1.55}.team-reward-rate-cards,.team-reward-details{display:grid;gap:var(--vx-space-sm)}.team-reward-rate-card{padding:var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.team-reward-rate-card>span{color:var(--vx-color-secondary);font-size:var(--vx-font-xs);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.team-reward-rate-card h3{margin:var(--vx-space-xs) 0;font-size:18px}.team-reward-rate-card p{margin:0}.team-reward-rates{display:grid;margin-top:var(--vx-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vx-space-xs)}.team-reward-rates>span{display:flex;min-width:0;padding:var(--vx-space-sm) var(--vx-space-xs);align-items:center;flex-direction:column;gap:2px;border-radius:var(--vx-radius-sm);background:var(--vx-color-secondary-soft);text-align:center}.team-reward-rates b{color:var(--vx-color-secondary);font-size:22px;line-height:1}.team-reward-rates small{color:var(--vx-color-text-muted);font-size:11px}.team-reward-details{margin-top:var(--vx-space-md)}.team-reward-details article{padding-left:var(--vx-space-sm);border-left:2px solid var(--vx-color-primary-strong)}.team-reward-details h3{margin:0;font-size:var(--vx-font-md)}.team-reward-details p{margin:4px 0 0}.team-reward-closing{margin:var(--vx-space-md) 0 0;padding-top:var(--vx-space-md);border-top:1px solid var(--vx-color-border);font-weight:700}.invite-box,.select-card{display:flex;min-height:64px;padding:var(--vx-space-sm);align-items:center;justify-content:space-between;gap:var(--vx-space-sm);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface)}.invite-box>div:first-child,.select-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.invite-actions{display:flex;flex-wrap:wrap;gap:var(--vx-space-xs)}.invite-box small,.select-card small{color:var(--vx-color-text-muted)}.invite-box button,.select-card a{min-height:var(--vx-touch-target);padding:0 var(--vx-space-sm);cursor:pointer;color:var(--vx-color-secondary);border:0;border-radius:var(--vx-radius-sm);background:var(--vx-color-secondary-soft);font-weight:800}.team-level-card{display:grid;padding:var(--vx-space-md);grid-template-columns:1fr auto;gap:var(--vx-space-sm);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.team-level-card h2{margin:var(--vx-space-xs) 0}.team-level-metrics{display:flex;min-width:112px;align-self:center;align-items:flex-end;flex-direction:column;gap:2px;text-align:right}.team-level-metrics strong{color:var(--vx-color-secondary);font-size:36px;line-height:1}.team-level-metrics b{margin-top:var(--vx-space-xs);color:var(--vx-color-text);font-size:var(--vx-font-sm)}.team-level-card>span{grid-column:1/-1;color:var(--vx-color-text-muted);font-size:var(--vx-font-xs)}.level-number{color:var(--vx-color-primary-strong);font-size:var(--vx-font-xs);font-weight:900}.avatar{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;color:var(--vx-color-text-on-primary);border-radius:50%;background:var(--vx-gradient-brand);font-weight:900}.profile-card{display:flex;align-items:center;gap:var(--vx-space-md)}.profile-card img{width:92px}.profile-card h1{margin-bottom:var(--vx-space-xxs);font-size:var(--vx-font-lg)}.profile-card p{margin-bottom:0;color:var(--vx-color-text-muted)}.account-balance{display:flex;flex-direction:column;gap:var(--vx-space-sm)}.account-balance>span{color:var(--vx-color-text-muted)}.account-balance>strong{font-size:var(--vx-type-display-number-size);font-weight:var(--vx-type-number-weight)}.account-menu{overflow:hidden;border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.account-menu a,.account-menu button{display:grid;width:100%;min-height:var(--vx-list-row-height);padding:var(--vx-space-sm) var(--vx-space-md);grid-template-columns:36px 1fr auto;align-items:center;gap:var(--vx-space-sm);cursor:pointer;color:inherit;border:0;border-bottom:1px solid var(--vx-color-border);background:transparent;font:inherit;text-align:left}.account-menu>:last-child{border-bottom:0}.menu-icon,.pix-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--vx-color-secondary);border-radius:10px;background:var(--vx-color-secondary-soft);font-size:var(--vx-font-xs);font-weight:900}.form-card{display:flex;flex-direction:column;gap:var(--vx-space-md)}.field-label{display:flex;flex-direction:column;gap:var(--vx-space-xs);color:var(--vx-color-text-secondary);font-size:var(--vx-font-sm);font-weight:var(--vx-font-weight-semibold)}.field-label input,.field-label select,.dev-panel input,.dev-panel select{width:100%;min-height:var(--vx-input-height);padding:0 var(--vx-space-sm);color:var(--vx-color-text-primary);border:1px solid var(--vx-input-border);border-radius:var(--vx-input-radius);background:var(--vx-input-background);transition:border-color var(--vx-duration-fast) var(--vx-easing-standard),box-shadow var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard)}.field-label input::placeholder,.dev-panel input::placeholder{color:var(--vx-input-placeholder)}.field-label input:focus,.field-label select:focus,.dev-panel input:focus,.dev-panel select:focus{border-color:var(--vx-input-border-focus);background:var(--vx-color-card-elevated);box-shadow:var(--vx-input-focus-shadow);outline:0}.field-label input[aria-invalid=true],.field-label select[aria-invalid=true]{border-color:var(--vx-input-border-error)}.field-label input:disabled,.field-label select:disabled,.dev-panel input:disabled,.dev-panel select:disabled{cursor:not-allowed;color:var(--vx-input-disabled-text);background:var(--vx-input-disabled-background)}.phone-field,.password-field,.money-input{display:flex;align-items:center;border:1px solid var(--vx-input-border);min-height:var(--vx-input-height);border-radius:var(--vx-input-radius);background:var(--vx-input-background);transition:border-color var(--vx-duration-fast) var(--vx-easing-standard),box-shadow var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard)}.phone-field:focus-within,.password-field:focus-within,.money-input:focus-within{border-color:var(--vx-input-border-focus);background:var(--vx-color-card-elevated);box-shadow:var(--vx-input-focus-shadow)}.phone-field>span,.money-input>span{padding-inline:var(--vx-space-sm);color:var(--vx-color-primary);font-weight:var(--vx-font-weight-bold)}.phone-field input,.password-field input,.money-input input{border:0;background:transparent}.phone-field input:focus,.password-field input:focus,.money-input input:focus{box-shadow:none}.password-field button{min-height:var(--vx-touch-target);padding-inline:var(--vx-space-sm);cursor:pointer;color:var(--vx-color-primary);border:0;background:transparent;font-size:var(--vx-font-xs)}.amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-xs)}.amount-option{min-height:var(--vx-touch-target);cursor:pointer;color:var(--vx-color-text-secondary);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-input-background);transition:color var(--vx-duration-fast) var(--vx-easing-standard),border-color var(--vx-duration-fast) var(--vx-easing-standard),background-color var(--vx-duration-fast) var(--vx-easing-standard)}.amount-option--active{color:var(--vx-color-primary-text);border-color:var(--vx-color-primary-border);background:var(--vx-color-primary-soft)}button.select-card{width:100%;cursor:pointer;color:var(--vx-color-text);text-align:left}.fee-lines{display:grid;gap:var(--vx-space-xs)}.fee-lines span{display:flex;justify-content:space-between;gap:var(--vx-space-sm);color:var(--vx-color-text-muted)}.fee-lines strong{color:var(--vx-color-text);text-align:right}.alert{padding:var(--vx-space-sm);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);line-height:var(--vx-line-height-normal)}.alert--danger{color:var(--vx-color-danger-text);border-color:var(--vx-color-danger-border);background:var(--vx-color-danger-soft)}.alert--success{color:var(--vx-color-success-text);border-color:var(--vx-color-success-border);background:var(--vx-color-success-soft)}.alert--warning{color:var(--vx-color-warning-text);border-color:var(--vx-color-warning-border);background:var(--vx-color-warning-soft)}.service-hero,.about-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.service-hero p,.about-hero p,.content-card p{color:var(--vx-color-text-muted);line-height:1.7}.service-channel-list{display:grid;width:100%;gap:var(--vx-space-sm)}.service-channel{display:grid;min-height:72px;padding:var(--vx-space-sm);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--vx-space-sm);color:var(--vx-color-text);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface-muted);text-align:left}.service-channel__icon{display:grid;width:44px;height:44px;place-items:center;color:var(--vx-color-text-on-primary);border-radius:14px;background:var(--vx-gradient-brand)}.service-channel__icon svg{width:27px;height:27px}.service-channel>span:nth-child(2){min-width:0}.service-channel strong,.service-channel small{display:block}.service-channel small{overflow:hidden;margin-top:3px;color:var(--vx-color-text-muted);text-overflow:ellipsis;white-space:nowrap}.service-channel>b{color:var(--vx-color-secondary);font-size:28px}.about-hero{position:relative;overflow:hidden;padding:var(--vx-space-xl) var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-lg);background:radial-gradient(circle at 50% 8%,var(--vx-color-primary-soft),transparent 42%),radial-gradient(circle at 100% 100%,var(--vx-color-secondary-soft),transparent 36%),var(--vx-gradient-card);box-shadow:var(--vx-shadow-card)}.about-hero:before,.about-hero:after{position:absolute;width:160px;height:160px;content:"";pointer-events:none;border:1px solid var(--vx-color-primary-border);border-radius:50%;opacity:.55}.about-hero:before{top:-92px;left:-78px}.about-hero:after{right:-104px;bottom:-112px}.about-hero>*{position:relative;z-index:1}.about-hero img{width:136px;margin-bottom:var(--vx-space-lg)}.about-hero h1{margin:var(--vx-space-xs) 0 var(--vx-space-sm);font-size:clamp(30px,8vw,40px)}.about-hero p{max-width:390px;margin-bottom:0}.about-hero-tags{display:flex;margin-top:var(--vx-space-md);justify-content:center;flex-wrap:wrap;gap:var(--vx-space-xs)}.about-hero-tags span{padding:6px 10px;color:var(--vx-color-primary);border:1px solid var(--vx-color-primary-border);border-radius:var(--vx-radius-pill);background:var(--vx-color-primary-soft);font-size:11px;font-weight:var(--vx-font-weight-semibold)}.about-showcase{overflow:hidden;margin:0;border:1px solid var(--vx-color-border);border-radius:var(--vx-card-elevated-radius);background:var(--vx-card-elevated-background);box-shadow:var(--vx-card-elevated-shadow)}.about-showcase img{width:100%;aspect-ratio:2.5/1;object-fit:cover}.about-showcase figcaption{padding:var(--vx-space-sm) var(--vx-space-md);color:var(--vx-color-text-muted);font-size:var(--vx-font-xs);line-height:1.5;text-align:center}.about-intro h2,.about-section h2,.about-cta h2{margin:var(--vx-space-xs) 0 var(--vx-space-sm);font-size:24px}.about-intro>p{margin-bottom:var(--vx-space-md)}.about-grid>div{display:flex;padding:var(--vx-space-md);flex-direction:column;gap:var(--vx-space-xs);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface-muted)}.about-grid strong{color:var(--vx-color-secondary);font-size:clamp(22px,6vw,var(--vx-font-xl))}.about-grid span{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs)}.about-section{padding:var(--vx-card-padding);border:var(--vx-card-border);border-radius:var(--vx-card-radius);background:var(--vx-card-background);box-shadow:var(--vx-card-shadow)}.about-section-heading{margin-bottom:var(--vx-space-md)}.about-section-heading p,.about-capability-grid p,.about-principle-list p,.about-cta p{color:var(--vx-color-text-muted);line-height:1.6}.about-section-heading p{margin:0}.about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-sm)}.about-capability-grid article{min-width:0;padding:var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-color-surface-muted)}.about-capability-grid article>span{display:inline-grid;width:34px;height:34px;margin-bottom:var(--vx-space-sm);place-items:center;color:var(--vx-color-text-on-primary);border-radius:12px;background:var(--vx-gradient-brand);font-size:11px;font-weight:900}.about-capability-grid h3,.about-principle-list h3{margin-bottom:var(--vx-space-xs);font-size:var(--vx-font-md)}.about-capability-grid p,.about-principle-list p{margin:0;font-size:var(--vx-font-sm)}.about-principles{background:radial-gradient(circle at 100% 0%,var(--vx-color-secondary-soft),transparent 38%),var(--vx-gradient-card)}.about-principle-list{display:grid;gap:var(--vx-space-sm)}.about-principle-list article{display:grid;padding:var(--vx-space-sm);grid-template-columns:38px minmax(0,1fr);align-items:flex-start;gap:var(--vx-space-sm);border:1px solid var(--vx-color-divider);border-radius:var(--vx-radius-md);background:var(--vx-color-surface)}.about-principle-list article>span{display:grid;width:38px;height:38px;place-items:center;color:var(--vx-color-primary);border-radius:13px;background:var(--vx-color-primary-soft);font-weight:900}.about-cta{padding:var(--vx-space-xl) var(--vx-space-lg);overflow:hidden;color:var(--vx-color-text-on-primary);border-radius:var(--vx-radius-lg);background:var(--vx-gradient-brand);box-shadow:var(--vx-shadow-lg);text-align:center}.about-cta .eyebrow,.about-cta h2,.about-cta p{color:inherit}.about-cta p{margin-bottom:var(--vx-space-md);opacity:.84}.about-cta-actions{display:grid;grid-template-columns:1fr;gap:var(--vx-space-xs)}.about-cta-actions .button{width:100%}.about-cta-actions .button--primary{color:var(--vx-color-primary);background:var(--vx-color-surface)}.about-cta-actions .button--secondary{color:var(--vx-color-text-on-primary);border-color:color-mix(in srgb,var(--vx-color-text-on-primary) 34%,transparent);background:color-mix(in srgb,var(--vx-color-text-on-primary) 12%,transparent)}.auth-page{display:flex;width:100%;max-width:var(--vx-page-max-width);min-height:100vh;margin:0 auto;padding:calc(var(--vx-space-xl) + var(--vx-safe-top)) var(--vx-space-md) calc(var(--vx-space-xl) + var(--vx-safe-bottom));flex-direction:column;justify-content:center;gap:var(--vx-space-xl);overflow-x:clip}.auth-hero{display:flex;padding-inline:var(--vx-space-sm);flex-direction:column;align-items:flex-start}.auth-hero img{width:142px;margin-bottom:var(--vx-space-xl)}.auth-hero h1{max-width:390px;margin-bottom:var(--vx-space-xs);overflow-wrap:anywhere;font-size:clamp(28px,8.7vw,34px);line-height:1.1}.auth-hero p{margin-bottom:0;color:var(--vx-color-text-muted);font-size:var(--vx-font-lg)}.auth-hero--compact h1{font-size:30px}.auth-card{display:flex;padding:var(--vx-space-lg);flex-direction:column;gap:var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-lg);background:var(--vx-gradient-card);box-shadow:var(--vx-shadow-floating)}.auth-card h2{margin-bottom:0}.auth-switch{margin-bottom:0;color:var(--vx-color-text-muted);text-align:center}.auth-switch a{color:var(--vx-color-secondary);font-weight:800}.pix-checkout-page{width:100%;min-height:100vh;padding:calc(var(--vx-space-md) + var(--vx-safe-top)) var(--vx-space-md) calc(var(--vx-space-xl) + var(--vx-safe-bottom));background:radial-gradient(circle at 50% 0,var(--vx-color-page-glow),transparent 38%),var(--vx-color-page)}.pix-checkout-shell{display:flex;width:min(100%,520px);margin:0 auto;flex-direction:column;gap:var(--vx-space-md)}.pix-checkout-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:var(--vx-space-sm)}.pix-checkout-brand{display:flex;min-width:0;align-items:center;gap:var(--vx-space-xs)}.pix-back-button{flex:0 0 var(--vx-touch-target);color:var(--vx-color-text);font-size:32px}.pix-checkout-header img{width:112px}.pix-countdown{display:flex;min-height:var(--vx-touch-target);padding:var(--vx-space-xs) var(--vx-space-sm);flex-direction:column;align-items:flex-end;justify-content:center;color:var(--vx-color-text);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface)}.pix-countdown span{color:var(--vx-color-text-muted);font-size:10px;font-weight:800}.pix-countdown strong{color:var(--vx-color-danger);font-variant-numeric:tabular-nums}.pix-countdown--expired{color:var(--vx-color-danger);border-color:var(--vx-color-danger);background:var(--vx-color-danger-soft)}.pix-order-card,.pix-code-card{padding:var(--vx-space-md);border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-md);background:var(--vx-gradient-card);box-shadow:var(--vx-shadow-card)}.pix-order-card{display:grid;gap:var(--vx-space-xs)}.pix-order-card>span,.pix-order-card>strong{overflow-wrap:anywhere}.pix-order-card>span,.pix-order-card div span{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs)}.pix-order-card div{display:flex;padding-top:var(--vx-space-sm);align-items:center;justify-content:space-between;gap:var(--vx-space-sm);border-top:1px dashed var(--vx-color-border-strong)}.pix-order-card div b{font-size:var(--vx-font-xl)}.pix-code-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--vx-space-sm);text-align:center}.pix-code-card h1{margin-bottom:0}.pix-code-card>p{max-width:410px;margin:0 auto;color:var(--vx-color-text-muted);line-height:1.55}.pix-qr-image{width:min(100%,280px);margin:var(--vx-space-xs) auto;padding:8px;border-radius:var(--vx-radius-sm);background:#ffffff}.pix-code-details{color:var(--vx-color-text-muted);font-size:var(--vx-font-xs);text-align:left}.pix-code-details summary{cursor:pointer;color:var(--vx-color-secondary);font-weight:800;text-align:center}.pix-code-details p{max-height:120px;margin:var(--vx-space-xs) 0 0;padding:var(--vx-space-xs);overflow-y:auto;overflow-wrap:anywhere;border:1px solid var(--vx-color-border);border-radius:var(--vx-radius-sm);background:var(--vx-color-surface-muted);-webkit-user-select:all;user-select:all}.pix-payment-note{margin-bottom:0;color:var(--vx-color-text-muted);font-size:var(--vx-font-xs);line-height:1.5;text-align:center}.loader-dot{width:46px;height:46px;margin-bottom:var(--vx-space-sm);border:4px solid var(--vx-color-border-strong);border-top-color:var(--vx-color-secondary);border-radius:50%;animation:pix-loader .8s linear infinite}@keyframes pix-loader{to{transform:rotate(360deg)}}.dev-panel{position:fixed;z-index:200;right:var(--vx-space-sm);bottom:calc(var(--vx-bottom-nav-height) + var(--vx-safe-bottom) + var(--vx-space-md));width:min(100vw - 24px,360px);pointer-events:none}.dev-panel-toggle{display:block;min-height:var(--vx-touch-target);margin-left:auto;padding-inline:var(--vx-space-md);pointer-events:auto;cursor:pointer;color:var(--vx-color-text-on-accent);border:0;border-radius:var(--vx-radius-pill);background:var(--vx-color-accent);box-shadow:var(--vx-shadow-floating);font-weight:900}.dev-panel-body{display:none;max-height:min(70vh,650px);margin-top:var(--vx-space-xs);padding:var(--vx-space-md);overflow-y:auto;pointer-events:auto;border:1px solid var(--vx-color-border-strong);border-radius:var(--vx-radius-md);background:var(--vx-color-surface);box-shadow:var(--vx-shadow-floating)}.dev-panel--open .dev-panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vx-space-sm)}.dev-panel-heading,.dev-panel-check{grid-column:1/-1}.dev-panel-heading small{display:block;color:var(--vx-color-text-muted)}.dev-panel-heading button{min-height:34px;cursor:pointer;color:var(--vx-color-secondary);border:0;border-radius:var(--vx-radius-sm);background:var(--vx-color-secondary-soft)}.dev-panel label{display:flex;min-width:0;flex-direction:column;gap:var(--vx-space-xxs);color:var(--vx-color-text-muted);font-size:11px}.dev-panel-check{flex-direction:row!important;align-items:center}.dev-panel-check input{width:18px;min-height:18px}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-enter{0%{opacity:0;transform:translateY(var(--vx-motion-enter-offset)) scale(var(--vx-motion-press-scale))}to{opacity:1;transform:translateY(0) scale(1)}}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.top-header,.bottom-nav{background:var(--vx-glass-background);-webkit-backdrop-filter:blur(var(--vx-glass-blur)) saturate(1.08);backdrop-filter:blur(var(--vx-glass-blur)) saturate(1.08)}.modal-backdrop{-webkit-backdrop-filter:blur(var(--vx-overlay-blur));backdrop-filter:blur(var(--vx-overlay-blur))}}@media (hover: hover) and (pointer: fine){.balance-chip:hover,.quick-action:hover{border-color:var(--vx-color-primary-border);box-shadow:var(--vx-shadow-md);transform:translateY(var(--vx-motion-hover-lift))}.product-card:hover{box-shadow:var(--vx-shadow-lg);transform:translateY(var(--vx-motion-card-hover-lift))}.button--primary:hover:not(:disabled),.button--special:hover:not(:disabled){box-shadow:var(--vx-shadow-md);transform:translateY(var(--vx-motion-hover-lift))}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--vx-color-primary-border);background:var(--vx-color-primary-soft)}.nav-item:hover{color:var(--vx-color-primary)}}@media (max-width: 420px){.quick-actions{gap:6px}.quick-action{min-height:82px;padding:6px 2px;gap:6px}.quick-action span{width:30px;height:30px}.quick-action strong{width:100%;font-size:clamp(10px,2.82vw,11px);line-height:1.2;overflow:visible;white-space:nowrap;text-overflow:clip}.page--vip .section-heading{align-items:stretch;flex-direction:column;gap:var(--vx-space-xxs)}.page--vip .section-heading a{align-self:flex-end;white-space:nowrap}.invite-box{align-items:stretch;flex-direction:column}.invite-box>div:first-child{align-items:baseline;flex-direction:row;justify-content:space-between}.invite-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.invite-box button{width:100%;min-width:0;padding-inline:var(--vx-space-xs);font-size:var(--vx-font-xs);white-space:nowrap}.nav-item{white-space:nowrap}}@media (min-width: 520px){body{padding-block:var(--vx-space-lg)}.app-frame,.auth-page{min-height:calc(100vh - 48px);border-radius:var(--vx-radius-lg)}.app-frame{overflow:hidden}.bottom-nav{right:calc((100vw - var(--vx-layout-content-width)) / 2);bottom:var(--vx-space-lg);left:calc((100vw - var(--vx-layout-content-width)) / 2);border-radius:0 0 var(--vx-radius-lg) var(--vx-radius-lg)}}@media (max-width: 340px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action strong{font-size:11px}}@media (max-width: 360px){:root{--vx-space-md: 14px;--vx-space-lg: 20px}.about-capability-grid{grid-template-columns:1fr}.brand-logo{width:100px}.special-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-section-heading{flex-wrap:wrap}.product-special--hidden{min-height:auto;align-items:flex-start;flex-direction:column}.product-hidden-copy{width:100%}.record-item,.member-card{align-items:flex-start}.member-card{flex-wrap:wrap}.member-meta{width:100%;padding-left:54px;align-items:flex-start;text-align:left}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}