:root{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-2:#fafbfc;--text:#151c3b;--muted:#747d8d;--line:#e8ebef;--lime:#7ba1fb;--lime-ink:#223665;--navy:#111731;--shadow:0 2px 3px #14213803,0 8px 28px #14213803;--ease-out:cubic-bezier(.23,1,.32,1);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{border:0}svg{display:inline-block}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:30px;line-height:1.25;margin-bottom:10px}h2{font-size:18px;margin-bottom:8px}h3{font-size:15px}button,.button{transition:transform 140ms var(--ease-out)}button:active,.button:active{transform:scale(.975)}.keyboard button:active,.keyboard .button:active{transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3b65c6;outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:8px;font-weight:600;font-size:12px;white-space:nowrap;min-height:43px;border:1px solid transparent}.button.primary{background:var(--lime);color:#111d39;border-color:#9fbe5540}.button.dark{background:var(--navy);color:#fff}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 1px 2px #18203004}.button.danger{background:#fff1ef;color:#af3b35;border-color:#f8d6d1}.button.small{min-height:34px;padding:7px 11px;font-size:11px}.full{width:100%}.text-button{background:none;padding:6px 0;font-size:12px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:7px;text-align:left}.text-button.strong{color:var(--text)}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border-radius:8px;flex-shrink:0}.muted{color:var(--muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--lime);color:#0f1421;padding:12px;border-radius:8px}.skip-link:focus{top:10px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand img{flex-shrink:0}.brand-tag{font-size:7px;letter-spacing:1px;color:#8991a0;align-self:flex-end;margin-left:-1px;margin-bottom:6px}.sidebar{position:fixed;width:242px;inset:0 auto 0 0;background:var(--navy);color:#b5bccd;padding:30px 20px 17px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{color:#fff;padding-left:6px}.workspace{display:flex;align-items:center;gap:11px;padding:15px 10px;margin-top:34px;margin-bottom:25px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.workspace-avatar{width:34px;height:34px;border-radius:8px;background:#30383f;display:grid;place-items:center;font-weight:600;color:var(--lime);flex-shrink:0}.workspace div{min-width:0;flex:1}.workspace b{display:block;font-size:11px;font-weight:500;color:#f1f3f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{display:block;font-size:10px;color:#80899b;margin-top:4px}.workspace-dot,.tiny-dot{display:inline-block;background:#5a76b8;width:6px;height:6px;flex-shrink:0;border-radius:50%}.nav-caption{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#7e879c;margin:3px 13px 14px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 13px;margin:4px 0;border-radius:7px;font-size:12px;min-height:44px;color:#a3adbf}.nav-item.active{background:#ffffff0c;color:var(--lime)}.nav-item.active .icon{stroke-width:2}.nav-count{margin-left:auto;background:var(--lime);color:#1b253c;min-width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-help{background:linear-gradient(125deg,#2e3646,#1c2341);border:1px solid #ffffff08;border-radius:10px;padding:18px 15px;margin:15px 4px 24px}.help-icon{color:var(--lime);font-size:22px}.sidebar-help h3{color:#eff3f7;font-size:12px;margin:14px 0 7px;letter-spacing:0}.sidebar-help p{color:#95a0b2;font-size:10px;margin-bottom:14px}.sidebar-help a{display:flex;justify-content:space-between;color:#98b0e8;font-size:10px}.sidebar-foot{border-top:1px solid #ffffff10;margin:14px 5px 0;padding:18px 5px 0;display:flex;align-items:center;gap:7px;font-size:9px;color:#7e899e}.sidebar-foot small{margin-left:auto;font-size:8px}.app-shell{margin-left:242px}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.topbar-left{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.topbar-left b{font-weight:500;color:var(--text)}.topbar-slash{padding:0 12px;color:#c9ced7}.topbar-actions{display:flex;align-items:center;gap:12px}.date-today{font-size:10px;color:var(--muted);padding-right:12px;border-right:1px solid var(--line)}.notification{position:relative}.notification>span{position:absolute;top:7px;right:9px;width:5px;height:5px;background:#4e72c7;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.profile-menu{position:relative}.profile-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.avatar{background:#e6e9f1;color:#313d59;width:34px;height:34px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;flex-shrink:0}.account-name b{display:block;font-size:10px;font-weight:600;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.profile-menu summary>.icon{width:13px;margin-left:4px}.profile-dropdown{position:absolute;right:0;top:49px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 35px #10182b18;min-width:210px;padding:7px;z-index:40}.profile-dropdown a,.profile-dropdown button{display:block;padding:12px;background:none;color:var(--text);font-size:12px;width:100%;text-align:left;border-radius:6px}.profile-dropdown form{border-top:1px solid var(--line)}.main{max-width:1500px;margin:auto;padding:34px 36px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:14px}.eyebrow-line{width:15px;height:2px;background:#6f89c5}.page-heading p{font-size:11px;color:var(--muted);margin:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);min-width:0}.panel-padding{padding:23px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-title h2{font-size:14px;letter-spacing:-.02em;margin-bottom:6px}.panel-title p{font-size:10px;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{padding:20px 20px 17px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px}.stat-top>.icon{width:16px;color:#949dab}.stat-value{font-size:28px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums;margin:18px 0 12px;white-space:nowrap}.stat-meta{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.stat-meta .tiny-dot{width:4px;height:4px}.balance-stat{background:#e7ecf6;border-color:#d2d9ea}.balance-stat .stat-value{color:#25314e;font-size:25px}.stat-meta a{color:#293d6c;font-weight:600}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;margin-bottom:22px}.chart-panel{padding:23px 24px 15px;overflow:hidden}.period-label{border:1px solid var(--line);padding:7px 10px;border-radius:6px;white-space:nowrap;color:var(--muted);font-size:9px}.chart-head{display:flex;gap:12px;align-items:baseline;margin:25px 0 8px}.chart-head strong{font-size:26px;letter-spacing:-1px}.chart-head span{font-size:9px;color:var(--muted)}.chart-wrap{width:100%;position:relative}.chart{display:block;width:100%;height:195px;overflow:visible}.chart-grid{stroke:var(--line);stroke-dasharray:4 5}.chart-label{fill:var(--muted);font-size:9px;font-family:inherit}.chart-bar{fill:#94abdf}.chart-bar:last-of-type{fill:#6477a3}.chart-zero{fill:var(--line)}.chart-footer{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:14px}.chart-footer .tiny-dot{background:#8798c1;width:5px;height:5px}.wallet-card{background:var(--navy);padding:24px;color:#f6f7fa;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column}.wallet-card:after{content:'';position:absolute;right:-68px;top:40px;width:220px;height:220px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff02;pointer-events:none}.wallet-brand{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a7b1c3}.wallet-brand img{width:25px}.wallet-card>small{color:#97a3b8;font-size:10px;margin-top:35px}.wallet-card>strong{font-size:32px;letter-spacing:-1px;font-weight:500;margin-top:10px;font-variant-numeric:tabular-nums}.wallet-card>p{font-size:10px;color:#9eabc1;max-width:23ch;margin-top:13px}.wallet-card .button{margin-top:auto;position:relative;z-index:1}.wallet-account{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:17px;margin-bottom:21px;font-size:9px;color:#9aa6bc}.wallet-account b{color:#d9dfeb;font-weight:500}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.recent-panel{overflow:hidden}.recent-panel .panel-title{padding:23px 24px 0}.catalog-preview{display:flex;gap:12px;padding:15px 0;align-items:center;border-bottom:1px solid var(--line)}.catalog-preview:last-child{border:0}.service-logo{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:9px;color:white;font-size:17px;font-weight:750;letter-spacing:-1px;background:#11162d}.service-logo.netflix{background:#fff1f1;color:#e50914}.service-logo.disney{background:#ecf2ff;color:#285bcf}.service-logo.max{background:#f1ecff;color:#7148f6;font-size:13px;letter-spacing:-1px}.service-logo.prime{background:#eaf8fc;color:#008bb4;font-size:11px;letter-spacing:-.5px}.service-logo.spotify{background:#e9edf7;color:#168b55;font-size:23px}.service-logo.youtube{background:#fff0ef;color:#e12828;font-size:17px}.catalog-preview>div:nth-child(2){min-width:0;flex:1}.catalog-preview b{font-size:10px;font-weight:600}.catalog-preview small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.catalog-preview>span{font-size:10px;font-weight:600;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:12px 21px;background:var(--surface-2);font-size:8px;color:var(--muted);font-weight:500;letter-spacing:.7px;white-space:nowrap}td{padding:18px 21px;border-bottom:1px solid var(--line);vertical-align:middle;max-width:320px}tr:last-child td{border-bottom:0}td strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}td small{display:block;margin-top:5px;font-size:9px;color:var(--muted);overflow-wrap:anywhere}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.service-cell{display:flex;align-items:center;gap:10px}.service-cell .service-logo{width:30px;height:30px;font-size:13px;border-radius:7px}.service-cell b{font-weight:500;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:500;padding:5px 7px;border-radius:5px;white-space:nowrap;background:#f2f3f6;color:#727b8a}.badge:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.badge.green{background:#ebeff7;color:#4d5e85}.badge.amber{background:#fcf5e9;color:#a67b38}.badge.blue{background:#eef2fc;color:#5e7dba}.badge.red{background:#fff0ee;color:#b2645d}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px;border-bottom:1px solid var(--line)}.section-toolbar h2{font-size:14px;margin:0}.toolbar-controls{display:flex;align-items:center;gap:10px}.search-field{position:relative}.search-field .icon{position:absolute;left:12px;top:11px;width:15px;height:15px;color:var(--muted)}.search-field input{width:225px;padding-left:35px;height:38px;font-size:10px}.search-field input::placeholder{color:#98a0ae}.filter-select{height:38px;min-width:135px;font-size:10px}.tabs{display:flex;align-items:center;gap:7px;padding:4px;border:1px solid var(--line);border-radius:7px;width:fit-content;background:var(--surface-2)}.tab{padding:8px 15px;font-size:10px;border-radius:5px;background:none;color:var(--muted)}.tab[aria-selected=true]{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #14213810}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{padding:23px;position:relative;overflow:hidden}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.product-top .service-logo{width:46px;height:46px;border-radius:11px;font-size:24px}.product-card h2{font-size:18px;margin-bottom:7px}.product-card p{color:var(--muted);font-size:10px;min-height:32px;overflow-wrap:anywhere;line-height:1.6}.product-features{list-style:none;padding:0;font-size:10px;color:var(--muted);margin:20px 0}.product-features li{display:flex;align-items:center;gap:8px;margin:9px 0}.product-features .icon{color:#5c75af;width:13px;height:13px}.product-price{display:flex;align-items:baseline;gap:5px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;flex-wrap:wrap}.product-price strong{font-size:25px;letter-spacing:-.8px}.product-price small{font-size:9px;color:var(--muted)}.product-card .button{margin-top:18px;width:100%}.product-edit{position:absolute;right:17px;top:70px}.info-banner{display:flex;align-items:flex-start;gap:12px;background:#e8ecf5;border:1px solid #d7ddeb;border-radius:9px;padding:15px 18px;margin-bottom:20px}.info-banner>.icon{width:17px;height:17px;color:#50618a;margin-top:2px}.info-banner p{font-size:10px;color:#4e5972;margin:0;line-height:1.7}.info-banner b{font-weight:600;color:#333d56}.empty{text-align:center;padding:55px 25px}.empty-icon{margin:0 auto 17px;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);color:#8d96aa}.empty h3{font-size:15px;margin-bottom:9px}.empty p{font-size:11px;color:var(--muted);max-width:42ch;margin:0 auto 20px}.empty .button{font-size:10px}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 23px;gap:15px;font-size:10px;color:var(--muted)}.pagination div{display:flex;align-items:center;gap:10px}.pagination button{padding:7px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--surface);min-width:30px}.pagination button:disabled{opacity:.4;cursor:default}.quick-links{display:flex;gap:10px}.quick-links a{padding:14px;border:1px solid var(--line);border-radius:9px;font-size:11px;flex:1;background:var(--surface)}.support-hero{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border:1px solid #d2d9ea;background:#e7ecf6;border-radius:12px;margin-bottom:22px}.support-hero h2{font-size:16px;margin-bottom:7px}.support-hero p{font-size:11px;color:#5b657c;max-width:65ch;margin:0}.support-hero-symbol{font-size:55px;color:#8296c6;line-height:1;margin-left:25px}.support-counts{display:flex;gap:18px;margin-bottom:20px}.support-counts .panel{flex:1;padding:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.support-counts b{font-size:23px;font-weight:500;color:var(--text)}.priority{font-size:9px;color:var(--muted)}.priority.urgent{color:#bf6354}.priority.high{color:#b18b47}.wallet-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;margin-bottom:22px}.wallet-layout .wallet-card{min-height:325px}.payment-options{padding:25px}.payment-option{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.payment-option:last-child{border-bottom:0}.payment-symbol{width:41px;height:41px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--text);background:var(--surface-2)}.payment-option>div:nth-child(2){flex:1}.payment-option h3{font-size:12px;letter-spacing:-.01em;margin:0 0 5px}.payment-option p{font-size:10px;margin:0;color:var(--muted)}.ledger-positive{color:#435a8f}.ledger-negative{color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>div{min-width:0}label{display:block;font-size:11px;font-weight:500;margin:18px 0 9px}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:var(--surface);color:var(--text);max-width:100%;width:100%;outline:none;min-width:0;line-height:1.4}input:focus,textarea:focus,select:focus{border-color:#7a8dba}input::placeholder,textarea::placeholder{color:#a1a8b4}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:auto;accent-color:#48619b}dialog{border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);width:540px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);padding:27px;box-shadow:0 30px 100px #0d142d25;overscroll-behavior:contain}dialog::backdrop{background:#10182788}dialog[open]{animation:dialog-enter 180ms var(--ease-out)}.keyboard dialog[open]{animation:none}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:22px;overflow-wrap:anywhere;margin:0;line-height:1.3}.dialog-heading .eyebrow{font-size:8px;margin-bottom:9px}.dialog-heading>.icon-button{margin-top:-7px;margin-right:-10px}.dialog-description{font-size:12px;color:var(--muted);line-height:1.7}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.form-error{font-size:11px;color:#bb5449;min-height:15px;margin-top:13px}.form-hint{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0}.checkout-total{background:var(--surface-2);border:1px solid var(--line);padding:18px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:23px}.checkout-total strong{font-size:21px;letter-spacing:-.5px}.message{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:15px;margin:15px 0}.message.staff{background:#e7ecf6;border-color:#d5dbea}.message-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin-bottom:9px}.message-heading b{font-size:10px;color:var(--text);font-weight:600}.message p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0}.ticket-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;flex-wrap:wrap}.ticket-detail-meta select{width:auto;font-size:11px}.instructions{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--line);padding:15px;border-radius:7px;font-size:12px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.settings-grid .panel{padding:25px}.settings-grid .panel-title{margin-bottom:15px}.settings-grid .button{margin-top:20px}.settings-grid .form-hint{margin-top:15px}.settings-separator{border:0;border-top:1px solid var(--line);margin:25px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row b{font-size:11px;display:block;font-weight:500}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.setting-row .button{margin:0}.app-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#97a0af;border-top:1px solid var(--line);margin-top:32px;padding:22px 0 24px;gap:15px}.app-footer b{font-weight:400}.app-footer button{font-size:9px}.bottom-nav,.mobile-menu{display:none}.toasts{position:fixed;bottom:25px;right:25px;z-index:100;pointer-events:none;max-width:calc(100vw - 40px)}.toast{padding:15px 20px;border:1px solid #3c4657;border-radius:9px;background:var(--navy);color:#cdd8f1;font-size:12px;max-width:420px;box-shadow:0 10px 40px #10182730;animation:toast-enter 180ms var(--ease-out)}.toast-error{color:#ffc9c2}.connection{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:110;padding:12px 16px;background:#fff1d7;color:#805d27;border:1px solid #ecd5a8;border-radius:8px;font-size:11px;box-shadow:var(--shadow);width:max-content;max-width:90vw}.inline-error{padding:13px;background:#fff0ed;border:1px solid #f7dcd6;border-radius:7px;color:#ac5144;font-size:12px;margin:20px 0}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton{height:145px;background:var(--line);border-radius:12px;opacity:.65}.skeleton-large{margin-top:20px;height:330px}.data-error{border:1px solid #eab8ae;background:var(--surface);border-radius:12px;padding:35px;max-width:650px}.data-error p{font-size:12px;color:var(--muted)}.app [hidden], [hidden]{display:none!important}.error-page{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.error-page .eyebrow{margin-top:30px}.error-page p:not(.eyebrow){max-width:55ch;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{padding:45px 9% 30px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story .brand{font-size:24px}.auth-story .brand-tag{font-size:7px;color:#9ca7ba}.auth-story>div{padding:70px 0 50px;position:relative;z-index:1}.auth-story .eyebrow{color:#98a2bb;font-size:8px;letter-spacing:1.4px}.auth-story h1{font-size:clamp(40px,4.5vw,70px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin-top:25px}.auth-story h1 span{color:var(--lime)}.auth-story>div>p:not(.eyebrow){max-width:35ch;color:#97a3b9;font-size:12px;margin-top:25px;line-height:1.9}.auth-story>small{font-size:10px;color:#8492a9}.auth-orbit{display:flex;gap:12px;margin-top:45px}.auth-orbit span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff08;color:#8e9cbb;font-size:20px;font-weight:600}.auth-orbit span:nth-child(2){font-size:17px;letter-spacing:-2px}.auth-story:after{content:'';position:absolute;width:700px;height:700px;left:-260px;bottom:-490px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02}.auth-form-wrap{padding:40px 10% 25px;display:flex;flex-direction:column;background:var(--surface)}.back-link{font-size:11px;color:var(--muted)}.auth-form{max-width:370px;width:100%;margin:auto;padding:55px 0}.auth-form h2{font-size:32px;margin-top:20px;margin-bottom:12px}.auth-form>p:not(.eyebrow){font-size:12px;color:var(--muted)}.auth-form form{margin-top:32px}.auth-form label{margin-top:23px}.auth-form input{height:46px;font-size:12px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:14px;top:12px;font-size:10px}.auth-form .full{margin-top:28px;justify-content:space-between;height:46px}.auth-note{border-top:1px solid var(--line);margin-top:30px;padding-top:23px;font-size:10px;color:var(--muted);line-height:1.7}.auth-note .tiny-dot{width:4px;height:4px;margin-right:5px}.auth-form>.small{font-size:10px;margin-top:18px;line-height:1.8}.auth-copyright{font-size:9px;color:var(--muted);align-self:center}.landing{background:var(--surface)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 7%;border-bottom:1px solid var(--line);gap:20px}.landing-nav>div{display:flex;align-items:center;gap:30px}.landing-anchor{font-size:11px;color:var(--muted)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 7% 90px;max-width:1500px;margin:auto}.hero-copy .eyebrow{font-size:9px;color:#586789}.hero-copy h1{font-size:clamp(43px,4.7vw,72px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:28px 0}.hero-copy h1>span{color:#546795}.hero-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:45ch;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-proof{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:32px}.proof-icon{display:grid;place-items:center;background:#e6ebf6;color:#4e659b;width:22px;height:22px;border-radius:50%}.hero-visual{position:relative;background:#eaedf4;border:1px solid #dce0ea;border-radius:20px;min-height:430px;isolation:isolate;overflow:hidden}.visual-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8397650a 1px,transparent 1px),linear-gradient(90deg,#8397650a 1px,transparent 1px);background-size:32px 32px}.visual-grid:before,.visual-grid:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #8a9b6920;border-radius:50%;width:245px;height:245px}.visual-grid:after{width:370px;height:370px}.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;background:var(--navy);border:6px solid #ffffffb0;border-radius:30px;box-shadow:0 15px 45px #2b402324;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;gap:10px}.hub-core b{font-size:13px;font-weight:500;margin-top:5px}.hub-core small{font-size:9px;color:#949db3}.orbit-service{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;height:90px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 15px #1b321a08;font-size:30px;font-weight:700;gap:6px}.orbit-service small{font-size:8px;color:var(--muted);font-weight:400;letter-spacing:0}.service-one{left:10%;top:12%;color:#db3636;transform:rotate(-7deg)}.service-two{right:9%;top:12%;color:#704bd3;letter-spacing:-3px;transform:rotate(6deg);font-size:26px}.service-three{left:12%;bottom:14%;color:#264898;transform:rotate(5deg)}.service-four{right:8%;bottom:13%;color:#e7574e;transform:rotate(-6deg)}.visual-caption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#757e94;display:flex;align-items:center;gap:5px}.visual-caption .tiny-dot{width:4px;height:4px}.landing-services{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 7%;color:#7f8791}.landing-services>span{font-size:8px;letter-spacing:1px;max-width:130px;line-height:1.8}.landing-services>b{font-size:18px;letter-spacing:-.5px;font-weight:600}.landing-features{padding:75px 7%;max-width:1500px;margin:auto}.section-heading h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:20px 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.feature-grid article{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--bg)}.feature-number{font-size:8px;letter-spacing:1px;color:#5e6d8f}.feature-grid h3{font-size:18px;margin:24px 0 15px}.feature-grid p{font-size:12px;line-height:1.8;color:var(--muted);max-width:32ch}.feature-symbol{font-size:40px;color:#7183ac;margin:25px 0 0}.landing-cta{display:flex;align-items:center;justify-content:space-between;margin:0 7% 65px;border-radius:15px;background:var(--lime);color:#111d39;padding:36px 42px;gap:20px}.landing-cta .eyebrow{color:#4e6089;font-size:8px}.landing-cta h2{font-size:30px;margin:0}.landing-footer{padding:30px 7%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;justify-content:space-between}.landing-footer>b{font-size:12px;white-space:nowrap}.landing-footer p{font-size:9px;color:var(--muted);max-width:65ch;margin:0}.landing-footer button{font-size:10px;white-space:nowrap}@keyframes dialog-enter{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.button.primary:hover{background:#7499ef}.button.secondary:hover{background:var(--surface-2)}.nav-item:hover{background:#ffffff08;color:#b8c6e7}.icon-button:hover{background:var(--surface-2);color:var(--text)}.text-button:hover{color:var(--text)}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--surface-2)}.row-open:hover{color:#3d5690}}
[data-theme=dark]{color-scheme:dark;--bg:#0f1428;--surface:#161c36;--surface-2:#19203e;--text:#e3e7ee;--muted:#929eb3;--line:#2c3444;--shadow:0 2px 3px #00000003,0 8px 28px #00000004}[data-theme=dark] .balance-stat,[data-theme=dark] .support-hero,[data-theme=dark] .info-banner,[data-theme=dark] .message.staff{background:#242933;border-color:#30384a}[data-theme=dark] .balance-stat .stat-value,[data-theme=dark] .stat-meta a,[data-theme=dark] .support-hero p,[data-theme=dark] .info-banner p,[data-theme=dark] .info-banner b{color:#99acd8}[data-theme=dark] .badge{background:#303848;color:#b5bdcc}[data-theme=dark] .badge.green{background:#292f3e;color:#92a3ca}[data-theme=dark] .badge.amber{background:#403929;color:#d7b577}[data-theme=dark] .badge.blue{background:#2d364b;color:#a5b9ec}[data-theme=dark] .badge.red{background:#46302f;color:#deb0a6}[data-theme=dark] .avatar{background:#2e3443;color:#a0b2dc}[data-theme=dark] .hero-visual{background:#232730;border-color:#30384a}[data-theme=dark] .orbit-service{background:#ebedf1}[data-theme=dark] .orbit-service small{color:#747d8d}[data-theme=dark] .hero-copy h1>span{color:#8aa2d9}[data-theme=dark] .ledger-positive{color:#91a4d0}[data-theme=dark] .button.danger,[data-theme=dark] .inline-error{background:#3c2b2b;color:#e5b3a7;border-color:#61403c}
@media(min-width:1600px){.main{padding-top:43px}.page-heading{margin-bottom:32px}.overview-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 320px}.chart{height:225px}.wallet-card>strong{font-size:35px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.sidebar .brand{font-size:20px;gap:7px}.brand-tag{font-size:6px}.app-shell{margin-left:210px}.main{padding:28px 25px 0}.topbar{padding:0 25px}.overview-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 255px}.stats-grid{gap:11px}.stat-card{padding:17px 15px}.stat-value{font-size:25px}.balance-stat .stat-value{font-size:23px}.date-today{display:none}.catalog-grid{gap:13px}.product-card{padding:18px}.wallet-card{padding:22px}.wallet-card>strong{font-size:28px}th,td{padding-left:15px;padding-right:15px}.chart-panel{padding:20px}.catalog-preview{gap:9px}.catalog-preview>span{font-size:9px}.wallet-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:1020px){.overview-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.overview-grid>.wallet-card{display:none}.lower-grid>.panel-padding{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.heading-actions{justify-content:flex-end}.heading-actions .button{font-size:10px;padding:11px 12px}.wallet-layout{grid-template-columns:1fr}.wallet-layout .wallet-card{min-height:270px}.wallet-layout .wallet-card>small{margin-top:25px}.wallet-layout .wallet-card .button{width:fit-content;align-self:flex-end}.wallet-layout .wallet-card>p{max-width:none}.settings-grid{grid-template-columns:1fr}.toolbar-controls{flex-wrap:wrap}.search-field input{width:190px}.section-toolbar{flex-wrap:wrap}.account-name{display:none}.landing-hero{padding-top:55px;padding-bottom:55px;gap:25px}.hero-visual{min-height:370px}.orbit-service{width:78px;height:77px;font-size:24px}.hub-core{width:140px;height:140px}.hero-actions{gap:15px;flex-wrap:wrap}.auth-layout{grid-template-columns:.9fr 1fr}.auth-story{padding-left:10%;padding-right:8%}.auth-story .brand{font-size:20px}.auth-story .brand-tag{display:none}}
@media(max-width:760px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:65px;padding:0 18px}.topbar-left{font-size:10px}.topbar-slash{padding:0 8px}.topbar-actions{gap:4px}.mobile-menu{display:inline-flex;margin-left:-7px}.main{padding:25px 18px 82px}.page-heading{flex-direction:column;gap:20px;margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;max-width:42ch;line-height:1.8}.page-heading .eyebrow{font-size:8px;margin-bottom:12px}.heading-actions{justify-content:flex-start;width:100%}.heading-actions .button{font-size:11px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-value{font-size:27px;margin:15px 0 10px}.stat-meta{font-size:9px}.balance-stat .stat-value{font-size:24px}.chart{height:190px}.chart-panel{padding:20px 17px 15px}.chart-head strong{font-size:25px}.chart-head span{font-size:8px}.chart-head{gap:7px}.period-label{font-size:8px;padding:7px}.recent-panel .panel-title{padding:20px 18px 0}.panel-title h2{font-size:14px}.panel-title p{font-size:10px}.table-wrap{width:100%}table{min-width:540px}th{font-size:8px}td{font-size:10px}.catalog-grid{gap:12px}.product-card{padding:17px}.product-price strong{font-size:23px}.product-top{margin-bottom:22px}.product-top .badge{font-size:8px;padding:5px}.product-top .service-logo{width:39px;height:39px;font-size:20px}.product-card h2{font-size:16px}.product-card .button{padding:11px 8px;font-size:10px}.product-card p{min-height:36px;font-size:10px}.product-features{font-size:9px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-field{flex:1}.catalog-toolbar .search-field input{width:100%}.tab{font-size:10px;padding:8px 10px}.info-banner{padding:13px}.info-banner p{font-size:10px}.info-banner>.icon{width:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:10px 5px calc(9px + env(safe-area-inset-bottom));z-index:35}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:55px;font-size:8px;color:var(--muted);padding:1px 5px}.bottom-nav a[aria-current=page]{color:#4f669d}.bottom-nav .icon{width:20px;height:20px}.nav-dialog{margin:0;height:100dvh;max-height:100dvh;max-width:85vw;width:310px;border-radius:0;padding:25px 18px;background:var(--navy);color:#fff;border:0}.nav-dialog .nav-item{margin:7px 0;padding:15px}.nav-dialog .icon-button{color:#fff}.nav-dialog[open]{animation:dialog-enter 150ms var(--ease-out)}.app-footer{padding-top:20px;font-size:8px;gap:10px;margin-top:27px}.app-footer>span{display:none}.app-footer button{font-size:8px}.toolbar-controls{width:100%;gap:8px}.toolbar-controls .search-field{flex:1}.search-field input{width:100%}.filter-select{width:125px;min-width:100px}.section-toolbar{padding:18px;gap:17px}.pagination{padding:14px 17px;font-size:9px}.support-hero{padding:22px}.support-hero h2{font-size:15px}.support-hero p{font-size:10px}.support-hero-symbol{display:none}.support-counts{gap:10px}.support-counts .panel{padding:15px;font-size:10px;gap:10px;flex-wrap:wrap}.support-counts b{font-size:22px}.payment-options{padding:21px}.payment-option h3{font-size:11px}.payment-option p{font-size:9px;max-width:27ch}.payment-option .button{padding:9px 12px;font-size:10px}.payment-symbol{width:35px;height:35px}.payment-option{gap:10px}.settings-grid .panel{padding:22px}.settings-grid .button{font-size:11px}.wallet-layout{gap:18px}.toasts{bottom:85px;right:15px;left:15px;max-width:none}.toast{max-width:none;font-size:11px;padding:15px 18px}.connection{bottom:84px;font-size:10px}.skeleton-grid{grid-template-columns:1fr 1fr;gap:12px}.skeleton{height:130px}.skeleton-large{height:250px}.landing-nav{padding:20px 6%}.landing-nav .brand{font-size:20px;gap:7px}.landing-nav .brand-tag{display:none}.landing-anchor{display:none}.landing-nav .button{padding:10px 13px;font-size:10px}.landing-hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}.hero-copy h1{font-size:51px;letter-spacing:-2.5px}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:43ch}.hero-actions{margin-top:25px}.hero-proof{font-size:9px;margin-top:25px}.hero-visual{min-height:345px}.orbit-service{width:85px;height:75px}.hub-core{width:145px;height:145px}.landing-services{padding:25px 6%;justify-content:flex-start;gap:23px}.landing-services>span{font-size:7px;max-width:90px}.landing-services>b{font-size:15px}.landing-features{padding:45px 6%}.section-heading h2{font-size:29px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-grid article{padding:25px}.feature-grid h3{margin-top:20px}.feature-grid p{max-width:45ch}.feature-symbol{margin-top:18px;font-size:30px}.landing-cta{margin:0 6% 40px;padding:27px;align-items:flex-start;flex-direction:column;gap:25px}.landing-cta h2{font-size:28px}.landing-footer{padding:25px 6%;flex-wrap:wrap;gap:16px}.landing-footer p{order:3;font-size:9px;max-width:none}.landing-footer button{margin-left:auto;font-size:9px}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-form-wrap{min-height:100dvh;padding:30px 7% 25px}.auth-form{max-width:410px;padding:55px 0}.auth-form h2{font-size:30px}.auth-copyright{font-size:8px}dialog{padding:23px;width:calc(100vw - 26px);max-width:540px}.dialog-heading h2{font-size:20px}.form-footer .button{font-size:11px}.form-grid{gap:12px}.message-heading{flex-wrap:wrap;font-size:8px}.wallet-card>strong{font-size:35px}.wallet-account{margin-top:10px}.panel-padding{padding:20px}}
@media(max-width:370px){.product-card{padding:14px}.product-top .badge{font-size:7px;padding:4px}.product-top .service-logo{width:30px;height:30px;font-size:18px}.product-price strong{font-size:20px}.product-features li{font-size:8px;gap:5px}.product-card h2{font-size:14px}.stat-card{padding:14px}.balance-stat .stat-value{font-size:22px}.topbar-left .topbar-slash{padding:0 4px}.profile-menu summary>.icon{display:none}.hero-copy h1{font-size:44px}.orbit-service{width:70px}.hub-core{width:130px;height:130px}.form-grid{grid-template-columns:1fr}.support-counts .panel{font-size:9px}.payment-option{flex-wrap:wrap}.payment-option .button{margin-left:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.stat-card,.ad-card,.catalog-preview,.review-card,.toast{animation-name:fade-in!important}}@keyframes fade-in{from{opacity:0}}
.table-wrap .text-button{min-width:36px;min-height:36px;justify-content:center}.setting-row>span{overflow-wrap:anywhere;text-align:right;min-width:0}.dialog-description,.setting-row b,.setting-row small{overflow-wrap:anywhere}.stat-value{overflow-wrap:normal}
@media(max-width:760px){input:not([type=checkbox]),select,textarea{font-size:16px}.table-wrap .text-button{min-height:44px;min-width:44px}.icon-button{width:42px;height:42px}.button.small{min-height:40px}.chart{height:auto;min-height:175px}}
.stat-value-long{font-size:18px!important;letter-spacing:-.4px;white-space:normal;overflow-wrap:anywhere}.wallet-card>strong{overflow-wrap:anywhere}
/* iOS instalada (status bar translúcida): nada queda bajo la isla dinámica; la franja es navy porque el texto del sistema es blanco. */
body{padding-top:env(safe-area-inset-top)}body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top);background:var(--navy);z-index:120;pointer-events:none}.sidebar{padding-top:calc(30px + env(safe-area-inset-top))}.app-shell{padding-right:env(safe-area-inset-right)}.auth-layout{min-height:calc(100dvh - env(safe-area-inset-top))}dialog{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
@media(max-width:1200px){.sidebar{padding-left:max(15px,env(safe-area-inset-left))}}
@media(max-width:760px){.nav-dialog{padding-top:calc(25px + env(safe-area-inset-top))}.toasts{bottom:calc(85px + env(safe-area-inset-bottom))}.connection{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* Registro, revisión de recargas, páginas legales y notificaciones. */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.auth-form input[type=checkbox]{height:auto;width:auto;margin-right:6px}.auth-form .check{font-size:11px;line-height:1.7;color:var(--muted);white-space:normal}.auth-note a,.check a,.legal-page a,.landing-footer a,.info-banner a{color:inherit;text-decoration:underline}
.review-page,.legal-page{max-width:560px;margin:auto;padding:30px 18px 60px}.legal-page{max-width:720px}.legal-page h1{font-size:28px;margin:28px 0 6px}.legal-page h2{font-size:15px;margin:26px 0 8px}.legal-page p{font-size:13px;line-height:1.8;color:var(--muted)}.legal-links{margin-top:34px;border-top:1px solid var(--line);padding-top:18px}
.review-card{padding:26px;margin-top:22px}.review-card h1{font-size:34px;margin:10px 0}.review-card form{margin-top:18px}.proof{display:block;max-width:100%;max-height:70vh;margin:18px auto;border-radius:10px;border:1px solid var(--line)}.message.unread{border-color:#4e72c7}
.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.ad-card{overflow:hidden;display:flex;flex-direction:column}.ad-card img,.ad-card video,.ad-missing{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface-2);display:block}.ad-missing{display:grid;place-items:center;color:var(--muted);font-size:11px}.ad-body{padding:15px;display:flex;flex-direction:column;gap:8px}.ad-body small{font-size:10px}.ad-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}

/* ===== ZeroStreamHub 2.4 · capa visual: azul eléctrico, logos de marca y movimiento ===== */
:root{--lime:#2f6bff;--lime-ink:#1846c8;--navy:#060c22;--accent:#2f6bff;--accent-2:#7b5cff;--grad:linear-gradient(135deg,#2f6bff 0%,#6c4dff 100%);--glow:0 8px 22px #2f6bff3d;--bg:#f2f5fd;--ease-spring:cubic-bezier(.34,1.4,.64,1)}
[data-theme=dark]{--bg:#060a1a;--surface:#0d1430;--surface-2:#111a3a;--line:#1d2850;--text:#e9eeff;--muted:#8e9bc6}
::selection{background:#2f6bff40}
:focus-visible{outline:2px solid #5b8cff;outline-offset:2px}
/* Botones: cada uno se eleva, brilla y se hunde al tocarlo. */
button,.button,.icon-button,.tab,.nav-item,.bottom-nav a,.catalog-preview,.icon-option{transition:transform 180ms var(--ease-out),box-shadow 220ms var(--ease-out),background-color 200ms var(--ease-out),color 200ms var(--ease-out),border-color 200ms var(--ease-out),filter 200ms var(--ease-out),opacity 200ms}
.button.primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow);position:relative;overflow:hidden;isolation:isolate}
.button.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translateX(-120%);transition:transform 600ms var(--ease-out);z-index:-1}
.button .icon{transition:transform 200ms var(--ease-out)}
.button.secondary{background:var(--surface);border-color:var(--line)}
.button.dark{background:var(--grad);box-shadow:var(--glow)}
@media(hover:hover) and (pointer:fine){
 .button.primary:hover,.button.dark:hover{background:var(--grad);transform:translateY(-2px);box-shadow:0 12px 28px #2f6bff55;filter:saturate(1.1)}
 .button.primary:hover::after{transform:translateX(120%)}
 .button:hover .icon{transform:translateX(3px)}
 .button.secondary:hover{transform:translateY(-2px);border-color:#2f6bff66;color:var(--accent);box-shadow:0 6px 16px #2f6bff1f}
 .button.danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #af3b3526}
 .icon-button:hover{transform:translateY(-1px);color:var(--accent)}
 .tab:hover{color:var(--accent)}
 .nav-item:hover{background:#2f6bff14;color:#cfdbff;transform:translateX(3px)}
 .catalog-preview:hover{transform:translateX(4px)}
 .product-card:hover,.ad-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0e1d5a1f;border-color:#2f6bff55}
 .product-card:hover .service-logo{transform:scale(1.08) rotate(-3deg)}
}
button:active,.button:active,.icon-button:active,.tab:active{transform:scale(.96)!important;transition-duration:90ms}
.nav-item.active{background:linear-gradient(90deg,#2f6bff33,#2f6bff08);color:#fff;box-shadow:inset 3px 0 0 #2f6bff}
.bottom-nav a[aria-current=page]{color:var(--accent)}
.bottom-nav a[aria-current=page] .icon{transform:translateY(-2px);filter:drop-shadow(0 4px 8px #2f6bff66)}
.tab[aria-selected=true]{color:var(--accent);box-shadow:0 1px 3px #14213810,inset 0 -2px 0 var(--accent)}
.badge.green{background:#e6efff;color:#2353c9}[data-theme=dark] .badge.green{background:#17295c;color:#9fbcff}
.tiny-dot,.workspace-dot{background:var(--accent)}
.chart-bar{fill:#7fa3ff}.chart-bar:last-of-type{fill:#2f6bff}
/* Superficies con brillo azul */
.wallet-card,.auth-story,.hub-core,.sidebar,.nav-dialog{background:radial-gradient(120% 90% at 100% 0%,#2f6bff40 0%,transparent 55%),radial-gradient(90% 70% at 0% 100%,#7b5cff33 0%,transparent 60%),var(--navy)}
.auth-story h1 span,.hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-cta{background:radial-gradient(100% 140% at 0% 0%,#2f6bff26,transparent 60%),var(--surface)}
/* Logos de servicios: colores oficiales de cada marca */
.service-logo{transition:transform 260ms var(--ease-spring);box-shadow:0 4px 12px #0a12301f;overflow:hidden}
.service-logo svg{width:58%;height:58%;fill:currentColor}
.service-logo b{font-weight:800;letter-spacing:-.6px;font-size:.62em;line-height:1}
.b-netflix{background:#141414;color:#e50914}.b-youtube{background:#ff0033;color:#fff}.b-spotify{background:#121212;color:#1ed760}.b-crunchyroll{background:#f47521;color:#fff}.b-appletv{background:#000;color:#fff}
.b-hbomax{background:linear-gradient(135deg,#0b2bd8,#6a1fd1);color:#fff}.b-max{background:#002be7;color:#fff}.b-hbo{background:#000;color:#fff}.b-paramountplus{background:#0064ff;color:#fff}.b-plex{background:#1f1f1f;color:#ebaf00}
.b-gemini{background:linear-gradient(135deg,#4285f4,#9b72cb 60%,#d96570);color:#fff}
.b-disneyplus{background:linear-gradient(140deg,#0b1340,#0063e5);color:#fff}.b-disneyplus b{font-size:.78em}
.b-primevideo{background:#00a8e1;color:#fff}.b-primevideo b{font-size:.4em;letter-spacing:0}
.b-canva{background:linear-gradient(135deg,#00c4cc,#7d2ae8);color:#fff}.b-canva b{font-family:Georgia,serif;font-style:italic;font-size:.66em}
.b-capcut{background:#000;color:#fff}.b-capcut b{font-size:.5em}
.b-xbox{background:#107c10;color:#fff}.b-xbox b{font-size:.36em;letter-spacing:.5px}
.b-claro{background:#da291c;color:#fff}.b-claro b{font-size:.4em;letter-spacing:0}
.b-directv{background:linear-gradient(135deg,#00a6e3,#0067b1);color:#fff}.b-directv b{font-size:.42em}
.b-chatgpt{background:#10a37f;color:#fff}.b-chatgpt b{font-size:.42em}
.b-winsports{background:linear-gradient(135deg,#e30613,#7a0010);color:#fff}.b-winsports b{font-size:.42em}
.b-vix{background:#ff4d00;color:#fff}.b-vix b{font-size:.5em}
.b-universal{background:#0b0b0b;color:#fff}.b-generic{background:var(--grad);color:#fff}
/* Selector de logo en el panel admin */
.icon-picker{border:0;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:260px;overflow:auto}
.icon-picker legend{font-size:11px;font-weight:500;margin-bottom:9px}
.icon-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:center;margin:0;white-space:normal}
.icon-option span:last-child{font-size:9px;color:var(--muted);line-height:1.3}
.icon-option input{position:absolute;opacity:0;pointer-events:none}
.icon-option:has(input:checked){border-color:var(--accent);background:#2f6bff12;box-shadow:0 0 0 3px #2f6bff26}
.icon-option:has(input:focus-visible){outline:2px solid #5b8cff;outline-offset:2px}
@media(hover:hover){.icon-option:hover{transform:translateY(-2px);border-color:#2f6bff66}}
/* Entrada escalonada de tarjetas */
@keyframes rise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:none;opacity:1}}
.product-card,.stat-card,.ad-card,.catalog-preview,.review-card{animation:rise 420ms var(--ease-out) both}
.catalog-grid>:nth-child(2),.stats-grid>:nth-child(2),.ads-grid>:nth-child(2){animation-delay:45ms}.catalog-grid>:nth-child(3),.stats-grid>:nth-child(3),.ads-grid>:nth-child(3){animation-delay:90ms}.catalog-grid>:nth-child(4),.stats-grid>:nth-child(4),.ads-grid>:nth-child(4){animation-delay:135ms}.catalog-grid>:nth-child(5),.stats-grid>:nth-child(5),.ads-grid>:nth-child(5){animation-delay:180ms}.catalog-grid>:nth-child(n+6),.stats-grid>:nth-child(n+6),.ads-grid>:nth-child(n+6){animation-delay:220ms}
.toast{animation:rise 260ms var(--ease-out) both}
/* Bienvenida */
.onboard{text-align:center}.onboard h3{font-size:20px;margin:6px 0 4px}.onboard .form-footer{justify-content:center}
.onboard-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.onboard-dots span{width:7px;height:7px;border-radius:9px;background:var(--line);transition:width 300ms var(--ease-out),background 300ms}.onboard-dots .on{width:24px;background:var(--grad)}
.onboard-hero{display:grid;place-items:center;min-height:118px}
.onboard-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:var(--grad);color:#fff;box-shadow:var(--glow);animation:pop 520ms var(--ease-spring) both}.onboard-icon .icon{width:36px;height:36px}
.onboard-brands{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:330px}.onboard-brands .service-logo{width:52px;height:52px;border-radius:14px;font-size:26px;animation:pop 480ms var(--ease-spring) both}
.onboard-brands .service-logo:nth-child(2){animation-delay:50ms}.onboard-brands .service-logo:nth-child(3){animation-delay:100ms}.onboard-brands .service-logo:nth-child(4){animation-delay:150ms}.onboard-brands .service-logo:nth-child(n+5){animation-delay:200ms}

/* ===== 2.5 · Liquid glass estilo iOS ===== */
:root{--glass:rgba(255,255,255,.58);--glass-strong:rgba(255,255,255,.78);--glass-line:rgba(255,255,255,.75);--glass-edge:rgba(16,32,90,.08);--glass-hi:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25);--glass-shadow:0 1px 2px rgba(12,24,70,.05),0 12px 32px rgba(12,24,70,.08);--blur:blur(22px) saturate(180%);--pill:999px}
[data-theme=dark]{--glass:rgba(20,30,68,.5);--glass-strong:rgba(22,32,72,.78);--glass-line:rgba(255,255,255,.1);--glass-edge:rgba(0,0,0,.4);--glass-hi:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.03);--glass-shadow:0 1px 2px rgba(0,0,0,.3),0 14px 36px rgba(0,0,0,.35)}
/* Fondo con luces de color: el vidrio necesita algo detrás para refractar. */
/* iOS Safari ignora background-attachment:fixed; las luces viven en una capa fija propia. */body{background:var(--bg)}body:not(.lx)::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 8% 0%,#2f6bff2e,transparent 60%),radial-gradient(50vw 45vh at 100% 20%,#7b5cff26,transparent 60%),radial-gradient(60vw 50vh at 50% 110%,#00c2ff1f,transparent 60%)}
.panel,.topbar,.product-card,.stat-card,.ad-card,dialog,.tabs,.payment-option,.catalog-preview,.review-card,.auth-form-wrap,.landing-nav{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-hi),var(--glass-shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.panel,.product-card,.stat-card,.ad-card,.review-card{border-radius:22px}
.balance-stat{background:linear-gradient(135deg,#2f6bff1f,#7b5cff14),var(--glass)}
.info-banner,.support-hero,.message,.instructions,.checkout-total{background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
dialog{border-radius:28px;background:var(--glass-strong)}
dialog::backdrop{background:rgba(6,12,34,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Barra superior de vidrio fija: respeta la isla dinámica y deja ver el contenido al desplazarse. */
.topbar{position:sticky;top:env(safe-area-inset-top);z-index:25;border-width:0 0 1px;border-radius:0;background:var(--glass-strong)}
body::before{background:rgba(6,12,34,.82);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.sidebar,.nav-dialog{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-right:1px solid rgba(255,255,255,.06)}
/* Botones tipo iOS: píldora, brillo interior y respuesta elástica. */
.button{border-radius:var(--pill);min-height:44px;padding:12px 20px;letter-spacing:-.1px}
.button.small{border-radius:var(--pill);padding:8px 14px;min-height:36px}
.button.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.12),0 8px 22px #2f6bff40}
.button.secondary{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-hi),0 2px 8px rgba(12,24,70,.06);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text)}
.button.danger{background:rgba(255,59,48,.12);color:#d70015;border:1px solid rgba(255,59,48,.22)}[data-theme=dark] .button.danger{color:#ff6961}
.icon-button{border-radius:var(--pill);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-hi);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
button:active,.button:active,.icon-button:active{transform:scale(.94)!important;filter:brightness(.97)}
/* Control segmentado de iOS */
.tabs{border-radius:var(--pill);padding:4px;gap:2px}
.tab{border-radius:var(--pill);padding:8px 16px}
.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 3px 8px rgba(12,24,70,.12),0 1px 1px rgba(12,24,70,.06)}[data-theme=dark] .tab[aria-selected=true]{background:rgba(255,255,255,.14)}
/* Campos */
input,select,textarea{border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 2px rgba(12,24,70,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
input:focus,select:focus,textarea:focus{border-color:#2f6bff99;box-shadow:0 0 0 4px #2f6bff26}
.filter-select{border-radius:var(--pill)}
.search-field input{border-radius:var(--pill)}
/* Logos con reflejo de vidrio */
.service-logo{position:relative;border-radius:28%}
.service-logo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.35),rgba(255,255,255,0) 45%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);pointer-events:none}
.badge{border-radius:var(--pill);padding:5px 9px}
@media(max-width:760px){
 /* Barra inferior flotante tipo iOS, por encima del indicador de inicio. */
 .bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:9px 6px;border-radius:26px;border:1px solid var(--glass-line);background:var(--glass-strong);box-shadow:var(--glass-hi),0 12px 34px rgba(12,24,70,.18);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
 .main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .toasts{bottom:calc(96px + env(safe-area-inset-bottom))}
 .connection{bottom:calc(96px + env(safe-area-inset-bottom))}
 .topbar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .panel,.product-card,.stat-card,.ad-card{border-radius:20px}
 dialog{border-radius:26px;margin-bottom:max(12px,env(safe-area-inset-bottom))}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass:rgba(255,255,255,.94);--glass-strong:#fff}[data-theme=dark]{--glass:rgba(16,24,56,.96);--glass-strong:#121b3e}}
@media(prefers-reduced-transparency:reduce){:root{--glass:var(--surface);--glass-strong:var(--surface)}[data-theme=dark]{--glass:var(--surface);--glass-strong:var(--surface)}}
@media(max-width:760px){.catalog-toolbar,.section-toolbar,.toolbar-controls{flex-wrap:wrap}.catalog-toolbar .search-field,.toolbar-controls .search-field{flex:1 1 100%;min-width:0}.tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}}
[data-theme=dark] .info-banner,[data-theme=dark] .support-hero,[data-theme=dark] .message.staff{background:var(--glass);border-color:var(--glass-line)}[data-theme=dark] .balance-stat{background:linear-gradient(135deg,#2f6bff2e,#7b5cff1f),var(--glass);border-color:var(--glass-line)}
/* Ficha de credenciales del cliente */
.creds{background:linear-gradient(135deg,#2f6bff14,#7b5cff10),var(--glass);border:1px solid var(--glass-line);border-radius:18px;padding:16px 18px;margin:16px 0;box-shadow:var(--glass-hi)}
.creds .eyebrow{margin-bottom:8px}
.cred-row{display:grid;grid-template-columns:minmax(80px,auto) 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.cred-row span{font-size:11px;color:var(--muted)}.cred-row b{font-size:14px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cred-row .text-button{font-size:10px;color:var(--accent)}
.creds details{margin-top:10px}.creds summary{cursor:pointer;font-size:11px;color:var(--muted)}
.warning-box{background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.22);color:#c4170c;border-radius:14px;padding:12px 14px;font-size:11px;line-height:1.6;margin:16px 0 0}[data-theme=dark] .warning-box{color:#ff8a80}
.form-footer.wrap{flex-wrap:wrap}
.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:14px 16px;border:1px solid rgba(255,59,48,.22);border-radius:16px;background:rgba(255,59,48,.06)}.danger-zone b{font-size:12px;display:block}.danger-zone small{font-size:10px;color:var(--muted);line-height:1.5}

/* ===== 2.6 · Página principal inmersiva ===== */
body.lx{background:#04081a;color:#eef2ff;overflow-x:hidden;--text:#eef2ff;--muted:#9aa7d1;--line:rgba(255,255,255,.1);--glass:rgba(255,255,255,.06);--glass-strong:rgba(10,16,44,.7);--glass-line:rgba(255,255,255,.12);--glass-hi:inset 0 1px 0 rgba(255,255,255,.14)}
.lx-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.lx-aurora span{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.lx-aurora span:nth-child(1){background:#2f6bff;left:-20vmax;top:-25vmax}.lx-aurora span:nth-child(2){background:#7b3dff;right:-25vmax;top:10vmax;animation-delay:-7s;opacity:.4}.lx-aurora span:nth-child(3){background:#00b4ff;left:20vmax;bottom:-35vmax;animation-delay:-14s;opacity:.3}
@keyframes drift{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}
.lx-nav{position:sticky;top:env(safe-area-inset-top);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(5%,env(safe-area-inset-left));background:rgba(4,8,26,.55);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
.lx-nav .brand{color:#fff;font-size:21px}.lx-links{display:flex;align-items:center;gap:10px}.lx-links>a:not(.button){font-size:12px;color:#b9c4ea;padding:8px 10px}
.lx .button.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.lx-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:calc(100svh - 70px);padding:40px 6% 60px;max-width:1400px;margin:auto}
.lx-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-size:11px;color:#c7d2fe}
.lx-hero h1{font-size:clamp(40px,6vw,82px);line-height:1.02;letter-spacing:-3px;margin:22px 0 18px;font-weight:700}
.lx-hero h1 span,.lx-cta h2 span{background:linear-gradient(90deg,#5b8cff,#a77bff 50%,#4fd1ff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200% center}}
.lx-lead{font-size:16px;line-height:1.7;color:#aab6de;max-width:52ch}
.lx-big{min-height:52px;padding:14px 26px;font-size:14px}
.lx-proof{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:26px 0 0;font-size:12px;color:#93a0cc}
/* Escenario 3D */
.lx-stage{position:relative;height:min(620px,72vw);perspective:1200px}
.lx-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);animation:spin 40s linear infinite}
.lx-ring.r1{width:78%;aspect-ratio:1}.lx-ring.r2{width:105%;aspect-ratio:1;border-style:dashed;animation-direction:reverse;animation-duration:60s;opacity:.6}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.lx-phone{position:absolute;left:50%;top:50%;width:min(290px,62%);padding:16px;border-radius:32px;background:rgba(12,18,48,.72);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 90px rgba(0,0,0,.55),0 0 80px #2f6bff40;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);transform:translate(-50%,-50%) translate3d(var(--px,0),var(--py,0),0) rotateY(-12deg) rotateX(6deg);transition:transform 500ms cubic-bezier(.23,1,.32,1);animation:rise 900ms cubic-bezier(.23,1,.32,1) both}
.lx-phone-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.lx-phone-top span{margin-left:auto;font-size:11px;color:#9fb6ff}
.lx-row{display:flex;align-items:center;gap:11px;padding:10px;border-radius:16px;background:rgba(255,255,255,.05);margin-top:8px;animation:rise 700ms cubic-bezier(.23,1,.32,1) both}
.lx-row:nth-child(3){animation-delay:120ms}.lx-row:nth-child(4){animation-delay:220ms}.lx-row:nth-child(5){animation-delay:320ms}
.lx-row .service-logo{width:38px;height:38px;font-size:19px}.lx-row b{font-size:12px;display:block}.lx-row small{font-size:9px;color:#93a0cc}
.lx-row em{margin-left:auto;font-style:normal;font-size:10px;font-weight:600;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,#2f6bff,#6c4dff)}
.lx-float{position:absolute;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform 600ms cubic-bezier(.23,1,.32,1)}
.lx-float .service-logo{width:64px;height:64px;font-size:30px;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.45);animation:bob 6s ease-in-out infinite}
.lx-float.f1{left:4%;top:8%}.lx-float.f2{right:6%;top:4%}.lx-float.f3{left:-2%;top:46%}.lx-float.f4{right:-1%;top:40%}.lx-float.f5{left:8%;bottom:6%}.lx-float.f6{right:10%;bottom:2%}.lx-float.f7{left:42%;top:-4%}.lx-float.f8{left:46%;bottom:-6%}
.lx-float.f2 .service-logo{animation-delay:-1s}.lx-float.f3 .service-logo{animation-delay:-2s}.lx-float.f4 .service-logo{animation-delay:-3s}.lx-float.f5 .service-logo{animation-delay:-4s}.lx-float.f6 .service-logo{animation-delay:-5s}.lx-float.f7 .service-logo{animation-delay:-1.5s}.lx-float.f8 .service-logo{animation-delay:-3.5s}
@keyframes bob{50%{transform:translateY(-12px) rotate(-4deg)}}
/* Cinta de plataformas */
.lx-marquee{padding:40px 0 70px;overflow:hidden}
.lx-kicker{text-align:center;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#93a0cc;margin:0 0 26px}
.lx-track{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:8px 0}
.lx-belt{display:flex;gap:14px;width:max-content;animation:belt 48s linear infinite}.lx-track.reverse .lx-belt{animation-direction:reverse;animation-duration:56s}
@media(hover:hover){.lx-track:hover .lx-belt{animation-play-state:paused}}
@keyframes belt{to{transform:translateX(-50%)}}
.lx-chip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lx-chip .service-logo{width:34px;height:34px;font-size:17px;border-radius:11px}
/* Pasos */
.lx-steps{padding:40px 6% 80px;max-width:1300px;margin:auto}.lx-steps .section-heading{text-align:center;margin-bottom:40px}.lx-steps h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:10px 0 0}
.lx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lx-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform 300ms cubic-bezier(.23,1,.32,1),border-color 300ms}
@media(hover:hover){.lx-card:hover{transform:translateY(-6px);border-color:rgba(91,140,255,.5)}}
.lx-num{font-size:12px;font-weight:700;color:#7ea2ff;letter-spacing:1px}.lx-card h3{font-size:20px;margin:14px 0 8px}.lx-card p{color:#a3afd8;line-height:1.7;font-size:13px;margin:0}
.lx-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin:0 6% 70px;padding:46px;border-radius:34px;background:radial-gradient(120% 140% at 0% 0%,#2f6bff55,transparent 55%),radial-gradient(90% 120% at 100% 100%,#7b3dff4d,transparent 55%),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.lx-cta h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1.5px;margin:0 0 8px;line-height:1.1}.lx-cta p{color:#a3afd8;margin:0}
.lx .landing-footer{border-top:1px solid rgba(255,255,255,.08);color:#93a0cc}.lx .landing-footer p{color:#7f8bb5}
/* Aparición al hacer scroll */
[data-reveal]{transition:opacity 700ms cubic-bezier(.23,1,.32,1),transform 700ms cubic-bezier(.23,1,.32,1)}.reveal-ready [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}
[data-reveal].in{opacity:1;transform:none}
.lx-grid [data-reveal]:nth-child(2){transition-delay:100ms}.lx-grid [data-reveal]:nth-child(3){transition-delay:200ms}
@media(max-width:900px){.lx-hero{grid-template-columns:1fr;text-align:center;padding-top:28px}.lx-hero .hero-actions,.lx-proof{justify-content:center}.lx-lead{margin-inline:auto}.lx-stage{height:440px;max-width:460px;width:100%;margin:auto}.lx-grid{grid-template-columns:1fr}.lx-links>a:not(.button){display:none}.lx-cta{padding:30px;margin:0 16px 50px}.lx-float .service-logo{width:52px;height:52px;font-size:24px}}
@media(max-width:480px){.lx-nav .button.secondary{display:none}.lx-hero h1{letter-spacing:-1.5px}.lx-big{width:100%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{transform:none}}
.lx-stage{height:min(600px,72vw,calc(100svh - 120px));min-height:420px}
.product-admin{position:absolute;right:16px;top:18px;display:flex;gap:6px;z-index:2}.product-admin .icon-button{width:34px;height:34px;font-size:14px;font-weight:700}.product-admin .icon-button:disabled{opacity:.35}.product-card .product-top .badge{margin-right:118px}@keyframes moved{0%{box-shadow:0 0 0 0 #2f6bff88}100%{box-shadow:0 0 0 14px #2f6bff00}}.product-card.just-moved{animation:moved 900ms ease-out}

/* ===== 2.7 · Splash, red de logos, recorrido y acceso ===== */
.splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 45%,#1b2a7a 0%,#060b22 60%,#03061a 100%);animation:splash-auto 600ms 3.2s forwards;transition:opacity 650ms cubic-bezier(.23,1,.32,1),visibility 650ms}
.splash.out{opacity:0;visibility:hidden}.no-splash .splash{display:none}
@keyframes splash-auto{to{opacity:0;visibility:hidden}}
.splash-core{position:relative;display:grid;justify-items:center;gap:14px;color:#fff}
.splash-core img{border-radius:24px;box-shadow:0 0 60px #2f6bff99;animation:splash-logo 900ms cubic-bezier(.34,1.4,.64,1) both}
.splash-core b{font-size:26px;letter-spacing:-.8px;animation:splash-text 700ms 350ms cubic-bezier(.23,1,.32,1) both}
.splash-ring{position:absolute;top:-18px;width:120px;height:120px;border-radius:50%;border:2px solid #5b8cff;animation:splash-ring 1.6s ease-out infinite}
.splash-bar{width:120px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;animation:splash-text 500ms 500ms both}.splash-bar i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#5b8cff,#a77bff);animation:splash-load 1s ease-in-out infinite}
@keyframes splash-logo{from{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:none}}
@keyframes splash-text{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes splash-ring{from{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}
@keyframes splash-load{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
.lx-field{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
/* Red de logos conectados */
.lx-net{position:relative;width:min(560px,100%);aspect-ratio:1;margin:auto;transform:translate3d(var(--tx,0),var(--ty,0),0);transition:transform 600ms cubic-bezier(.23,1,.32,1)}
.lx-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lx-link{fill:none;stroke:url(#none);stroke:#6f93ff;stroke-width:.35;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75;transition:stroke-dashoffset 900ms cubic-bezier(.65,0,.35,1) var(--d,0ms)}
.lx-link.faint{stroke:#a07bff;stroke-width:.2;opacity:.45}
.lx-net.on .lx-link{stroke-dashoffset:0}
.lx-pulse{fill:#bcd0ff;filter:drop-shadow(0 0 1.5px #8fb0ff)}
.lx-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 14px rgba(47,107,255,.08),0 0 90px #2f6bff66;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:hub 3.2s ease-in-out infinite}
.lx-hub img{display:block;border-radius:22px}
@keyframes hub{50%{box-shadow:0 0 0 22px rgba(47,107,255,.04),0 0 120px #2f6bff88}}
.lx-node{position:absolute;transform:translate(-50%,-50%) translate3d(var(--px,0),var(--py,0),0) scale(.4);opacity:0;transition:opacity 500ms var(--d,0ms),transform 700ms cubic-bezier(.34,1.4,.64,1) var(--d,0ms)}
.lx-net.on .lx-node{opacity:1;transform:translate(-50%,-50%) translate3d(var(--px,0),var(--py,0),0)}
.lx-node .service-logo{width:58px;height:58px;font-size:27px;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);animation:bob 6s ease-in-out infinite}
.lx-node:nth-child(odd) .service-logo{animation-delay:-2s}.lx-node:nth-child(3n) .service-logo{animation-delay:-4s}
.lx-hero{position:relative}
.lx-scroll{position:absolute;left:50%;bottom:18px;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px;transform:translateX(-50%)}.lx-scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.6s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* Recorrido con pantalla fija */
.lx-tour{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:40px 6% 60px;max-width:1300px;margin:auto}
.lx-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transform:translateX(-10px);transition:opacity 500ms,transform 600ms cubic-bezier(.23,1,.32,1)}
.lx-step.active{opacity:1;transform:none}.lx-step h3{font-size:clamp(24px,3vw,36px);letter-spacing:-1px;margin:10px 0}.lx-step p{color:#a3afd8;font-size:15px;line-height:1.7;max-width:42ch;margin:0}
.lx-device-wrap{position:relative}
.lx-device{position:sticky;top:calc(18vh + env(safe-area-inset-top));height:min(560px,64vh);border-radius:36px;padding:22px;background:rgba(10,16,44,.62);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 90px rgba(0,0,0,.5),0 0 80px #2f6bff33;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);overflow:hidden}
.lx-scene{position:absolute;inset:22px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity 500ms cubic-bezier(.23,1,.32,1),transform 600ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.lx-scene.active{opacity:1;transform:none}
.sc-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0 0 6px}.sc-title .service-logo{width:30px;height:30px;font-size:15px}
.sc-field{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;color:#c7d2fe}
.sc-btn{margin-top:auto;padding:15px;text-align:center;border-radius:999px;background:linear-gradient(135deg,#2f6bff,#6c4dff);font-weight:600;box-shadow:0 10px 26px #2f6bff55}
.sc-wallet{padding:26px;border-radius:24px;background:radial-gradient(120% 90% at 100% 0%,#2f6bff66,transparent 60%),radial-gradient(90% 70% at 0% 100%,#7b5cff55,transparent 60%),#0a1238;border:1px solid rgba(255,255,255,.12)}.sc-wallet small{font-size:10px;letter-spacing:1.5px;color:#9fb0e6}.sc-wallet strong{display:block;font-size:40px;letter-spacing:-1px;margin:10px 0 4px;font-variant-numeric:tabular-nums}.sc-wallet span{font-size:11px;color:#9fb0e6}
.sc-toast{align-self:flex-start;padding:12px 16px;border-radius:14px;background:rgba(48,209,88,.15);border:1px solid rgba(48,209,88,.35);color:#7ef0a0;font-size:13px}
.lx-scene.active .sc-toast{animation:rise 500ms 600ms both}
.sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sc-card{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;gap:6px}.sc-card .service-logo{width:34px;height:34px;font-size:16px}.sc-card b{font-size:12px}.sc-card small{font-size:10px;color:#7ea2ff}
.lx-scene.active .sc-card{animation:rise 450ms both}.lx-scene.active .sc-card:nth-child(2){animation-delay:60ms}.lx-scene.active .sc-card:nth-child(3){animation-delay:120ms}.lx-scene.active .sc-card:nth-child(4){animation-delay:180ms}.lx-scene.active .sc-card:nth-child(5){animation-delay:240ms}.lx-scene.active .sc-card:nth-child(6){animation-delay:300ms}
.sc-creds{padding:20px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;gap:4px}.sc-creds div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.sc-creds span{color:#9fb0e6}.sc-creds em{font-style:normal;color:#7ef0a0;font-size:12px;margin-top:8px}
.sc-note{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;gap:4px}.sc-note b{font-size:13px}.sc-note small{font-size:11px;color:#9fb0e6}
.lx-scene.active .sc-note{animation:rise 450ms both}.lx-scene.active .sc-note:nth-child(3){animation-delay:120ms}.lx-scene.active .sc-note:nth-child(4){animation-delay:240ms}
/* Acceso (login / registro) */
.ax-wrap{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px max(16px,env(safe-area-inset-left)) calc(30px + env(safe-area-inset-bottom))}
.ax-brand{color:#fff;font-size:22px}
.ax-card{width:min(440px,100%);padding:30px;border-radius:32px;background:rgba(12,18,48,.58);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 90px rgba(0,0,0,.45),0 0 90px #2f6bff2e;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}
.ax-card h1{font-size:30px;letter-spacing:-1px;margin:22px 0 6px}.ax-sub{color:#a3afd8;font-size:13px;line-height:1.6;margin:0 0 6px}
.ax-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.ax-switch a{text-align:center;padding:10px;border-radius:999px;font-size:12px;font-weight:600;color:#a3afd8;transition:background 250ms,color 250ms}.ax-switch a[aria-selected=true]{background:rgba(255,255,255,.14);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.ax-form label{color:#c7d2fe;margin-top:16px}
.ax-form input:not([type=checkbox]){height:50px;font-size:15px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff}
.ax-form input::placeholder{color:#7f8bb5}.ax-form input:focus{border-color:#5b8cff;box-shadow:0 0 0 4px #2f6bff33;background:rgba(255,255,255,.1)}
.ax-form .button{margin-top:24px}.ax-form .password-field button{top:15px;color:#a3afd8}
.ax-form .check{color:#a3afd8;font-size:11px;line-height:1.6;white-space:normal}.ax-form .check a{color:#c7d2fe}
.ax-foot{text-align:center;color:#a3afd8;font-size:13px;margin:18px 0 0}.ax-foot a{color:#9fbcff;font-weight:600}.ax-foot.small{font-size:11px;margin-top:8px}
.ax .inline-error{background:rgba(255,59,48,.14);border-color:rgba(255,59,48,.3);color:#ffb4ab}
@media(max-width:900px){.lx-net{width:min(380px,92vw);margin-top:10px}.lx-node .service-logo{width:46px;height:46px;font-size:21px;border-radius:14px}.lx-hub img{width:58px;height:58px}
 .lx-tour{grid-template-columns:1fr;padding-top:10px}.lx-device-wrap{order:-1;position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:5}.lx-device{position:relative;top:0;height:46vh;border-radius:28px;padding:16px}.lx-scene{inset:16px}.lx-step{min-height:55vh}.lx-scroll{display:none}}
/* Reducir movimiento: se conservan fundidos y dibujos; se apagan órbitas, flotación, cintas y parallax. */
@media(prefers-reduced-motion:reduce){ .lx-belt,.lx-ring,.lx-aurora span,.lx-node .service-logo,.lx-hub,.lx-scroll span,.splash-ring,.splash-bar i,.lx-hero h1 span,.lx-cta h2 span{animation:none!important}
 .lx-net,.lx-node{--px:0px;--py:0px;--tx:0px;--ty:0px}.lx-track{overflow-x:auto}button:active,.button:active{transform:none!important}}
html.locked body{visibility:hidden}
.ax-back{position:fixed;top:calc(14px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:20;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform 180ms cubic-bezier(.23,1,.32,1),background 200ms}.ax-back:active{transform:scale(.95)}@media(hover:hover){.ax-back:hover{background:rgba(255,255,255,.14);transform:translateX(-2px)}}
.ax-wrap{padding-top:calc(72px + env(safe-area-inset-top))}
.payment-option:has(.pay-key){flex-wrap:wrap}
.pay-key{display:grid;justify-items:center;gap:6px;text-align:center;padding:18px;margin:10px 0 12px;border-radius:20px;background:linear-gradient(135deg,#820ad11f,#2f6bff14),var(--glass);border:1px solid #820ad155;box-shadow:var(--glass-hi)}.pay-key small{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#8a2be2}[data-theme=dark] .pay-key small{color:#c89bff}.pay-key strong{font-size:30px;letter-spacing:.5px;font-variant-numeric:tabular-nums;user-select:all;-webkit-user-select:all}.pay-key span{font-size:13px;color:var(--muted)}.pay-key .button{margin-top:6px;min-width:160px}.payment-option .pay-key{width:100%}.instructions{font-size:13px}