@font-face { font-family: Inter; src: url('/app/assets/Inter-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('/app/assets/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url('/app/assets/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url('/app/assets/Inter-Bold.ttf') format('truetype'); font-weight: 700 900; font-display: swap; }
:root {
  color-scheme: dark;
  --bg: var(--bt-bg-app);
  --panel: var(--bt-bg-glass);
  --panel-soft: var(--bt-bg-glass-soft);
  --panel-strong: var(--bt-bg-elevated);
  --surface: var(--bt-bg-surface);
  --input: var(--bt-bg-input);
  --hover: var(--bt-bg-hover);
  --active: var(--bt-bg-active);
  --text: var(--bt-text-primary);
  --muted: var(--bt-text-secondary);
  --dim: var(--bt-text-dim);
  --line: var(--bt-border);
  --line-strong: var(--bt-border-strong);
  --line-brand: var(--bt-border-brand);
  --line-focus: var(--bt-border-focus);
  --accent: var(--bt-brand-orange);
  --accent-hover: var(--bt-accent-hover);
  --orange: var(--bt-brand-orange);
  --orange-hot: var(--bt-brand-orange-hot);
  --magenta: var(--bt-brand-magenta);
  --purple: var(--bt-brand-purple);
  --purple-deep: var(--bt-brand-purple-deep);
  --blue-violet: var(--bt-brand-violet);
  --pink: var(--bt-brand-magenta);
  --coral: var(--bt-brand-orange);
  --popup-border: var(--line-brand);
  --blue: var(--bt-info);
  --green: var(--bt-success);
  --danger: var(--bt-error);
  --radius: var(--bt-radius-xl);
  --radius-card: var(--bt-radius-lg);
  --radius-control: var(--bt-radius-md);
  --card-gap: var(--bt-radius-lg);
  --control-sm: var(--bt-control-sm);
  --control-md: var(--bt-control-md);
  --control-lg: var(--bt-control-lg);
  --control-hero: var(--bt-control-hero);
  --motion-fast: var(--bt-motion-fast);
  --motion-normal: var(--bt-motion-normal);
  --motion-slow: var(--bt-motion-slow);
  --app-content-safe-top: var(--tg-content-safe-area-inset-top, 0px);
  font-family: var(--bt-family-ui), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
* { scrollbar-width: thin; scrollbar-color: #2a2f38 #0a0c0f; }
*::-webkit-scrollbar { width: 7px; height: 7px; }
*::-webkit-scrollbar-track { background: #0a0c0f; }
*::-webkit-scrollbar-thumb { background: #2a2f38; border: 2px solid #0a0c0f; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: linear-gradient(var(--magenta),var(--blue-violet)); }
html, body { margin: 0; min-height: 100%; min-height: 100svh; background: var(--bg); color: var(--text); }
body { background-image: radial-gradient(circle at 105% 0%,rgba(134,83,160,.13),transparent 34%), radial-gradient(circle at -10% 38%,rgba(244,128,67,.08),transparent 30%); background-attachment: fixed; }
body { overflow-x: hidden; }
html { overflow-x: clip; }
body.sheet-open { overflow: hidden; }
button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--line-focus);
  outline-offset: 3px;
}
.hidden { display: none !important; }
.ambient { position: fixed; width: 360px; height: 360px; filter: blur(110px); opacity: .18; pointer-events: none; border-radius: 50%; }
.ambient-a { background: linear-gradient(135deg,var(--orange),var(--purple)); top: -170px; right: -170px; }
.ambient-b { background: linear-gradient(135deg,var(--purple-deep),var(--blue-violet)); bottom: 8%; left: -230px; }
.shell { width: min(100%, var(--bt-mini-page-max)); margin: 0 auto; padding: calc(max(var(--bt-mini-page-padding), var(--app-content-safe-top)) + var(--bt-radius-lg)) var(--bt-mini-page-padding) calc(var(--bt-control-lg) + env(safe-area-inset-bottom)); position: relative; }
.topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.brand { display: flex; align-items: center; gap: 10px; }
.brand-logo { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 8px 16px rgba(134,83,160,.3)); }
.brand div { display: grid; }
.brand strong { font-size: 15px; letter-spacing: -.2px; }
.brand span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1.7px; margin-top: 2px; }
.topbar-meta { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.hub-version { padding:5px 7px; border:1px solid rgba(179,108,255,.32); border-radius:8px; color:#d8a9ee; background:linear-gradient(120deg,rgba(238,75,145,.08),rgba(91,84,164,.16)); font-size:8px; font-weight:850; letter-spacing:.35px; white-space:nowrap; }
.avatar-aura { position:relative; width:var(--control-hero); height:var(--control-hero); display:grid; place-items:center; isolation:isolate; }
.avatar-aura::before { content:""; position:absolute; inset:-7px; z-index:-2; border-radius:17px; background:conic-gradient(from 0deg,var(--orange),var(--magenta),var(--purple-deep),#6a5ef0,var(--orange)); filter:blur(8px); opacity:.72; animation:avatar-aura-spin 5.5s linear infinite; }
.avatar-aura::after { content:""; position:absolute; inset:-9px; z-index:-3; border-radius:50%; background:radial-gradient(circle,rgba(238,75,145,.34),rgba(134,83,160,.16) 45%,transparent 72%); filter:blur(7px); animation:avatar-aura-breathe 2.8s ease-in-out infinite; }
.avatar { position:relative; z-index:1; width:var(--control-lg); height:var(--control-lg); padding:0; overflow:hidden; display:grid; place-items:center; border:var(--bt-border-width) solid var(--line-focus); border-radius:var(--radius-card); background:linear-gradient(135deg,var(--purple-deep),var(--magenta) 48%,var(--orange)); font-size:12px; font-weight:800; box-shadow:0 8px 26px rgba(134,83,160,.28),inset 0 0 0 1px var(--bt-inner-highlight); }
.avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.glass { background: var(--panel); border: var(--bt-border-width) solid var(--line-brand); box-shadow: 0 18px 55px rgba(0,0,0,.28), 0 0 18px rgba(124,108,255,.055); backdrop-filter: blur(22px); }
.loading-card, .error-card { padding: 38px 24px; border-radius: var(--radius); text-align: center; margin-top: 14vh; }
.loader-logo { width: 88px; height: 88px; display: grid; place-items: center; margin: 0 auto 18px; position: relative; }
.loader-logo::before, .loader-logo::after { content: ""; position: absolute; inset: 0; border: var(--bt-border-width) solid var(--line-focus); border-radius: 50%; animation: pulse 2s infinite; }
.loader-logo::after { animation-delay: 1s; }
.loader-logo img { width: 62px; animation: float 2.8s ease-in-out infinite; }
.loading-card h1, .error-card h1 { font-size: 21px; margin: 0 0 8px; }
.loading-card p, .error-card p { color: var(--muted); margin: 0; font-size: 14px; line-height: 1.5; }
.loading-line { height: 3px; background: rgba(255,255,255,.06); overflow: hidden; border-radius: 4px; margin-top: 24px; }
.loading-line i { display: block; height: 100%; width: 42%; background: linear-gradient(90deg,var(--orange),var(--magenta),var(--purple-deep)); animation: load 1.4s infinite ease-in-out; }
.error-icon { display: grid; place-items: center; margin: 0 auto 18px; width: 52px; height: 52px; border-radius: 18px; background: rgba(255,94,114,.14); color: var(--danger); font-size: 28px; font-weight: 800; }
.hero { min-height: 268px; display: flex; position: relative; overflow: visible; align-items: center; isolation:isolate; }
.hero-copy { position: relative; z-index: 2; max-width: 72%; }
.eyebrow, .card-label, .download-copy > span, .section-title span { color: #d7a4ea; font-size: 9px; font-weight: 800; letter-spacing: 1.8px; }
.hero h1 { font-size: clamp(32px, 9vw, 46px); line-height: .98; letter-spacing: -2px; margin: 10px 0 14px; filter:drop-shadow(0 1px 2px rgba(5,6,10,.72)) drop-shadow(0 0 8px rgba(5,6,10,.24)); }
.hero h1 em { font-style: normal; background: linear-gradient(95deg,var(--orange),var(--magenta) 48%,#a96ed0); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero p { color: var(--muted); font-size: 13px; line-height: 1.55; margin: 0; text-shadow:0 1px 2px rgba(5,6,10,.68); }
.hero-orbit { position:absolute; z-index:0; width:300px; height:300px; left:42px; top:-42px; display:grid; place-items:center; pointer-events:none; opacity:1; }
.hero-orbit::before { content:""; position:absolute; inset:54px; border-radius:50%; background:radial-gradient(circle,rgba(238,75,145,.18),rgba(134,83,160,.09) 48%,transparent 72%); filter:blur(13px); animation:avatar-aura-breathe 4.8s ease-in-out infinite; }
.hero-orbit img { width:170px; z-index:2; opacity:.58; filter:drop-shadow(0 28px 40px rgba(134,83,160,.42)) drop-shadow(0 0 20px rgba(238,75,145,.16)); animation:float 4.5s ease-in-out infinite; }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); }
.ring-one { inset: 9px; animation: spin 14s linear infinite; border-top-color: var(--orange-hot); border-left-color: rgba(238,75,145,.44); }
.ring-two { inset: 30px; animation: spin 9s linear reverse infinite; border-right-color: var(--purple-deep); border-bottom-color: rgba(134,83,160,.5); }
.subscription-card { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; padding: var(--bt-space-md) var(--bt-space-lg); margin: var(--card-gap) 0; border-radius: var(--radius-card); background: rgba(0,212,170,.07); border: var(--bt-border-width) solid rgba(0,212,170,.2); }
.subscription-card.denied { background: rgba(255,94,114,.07); border-color: rgba(255,94,114,.25); }
.status-icon { position:relative; display:grid; place-items:center; width:36px; height:36px; color:var(--green); font-weight:900; }
.status-icon img { width:36px; height:36px; object-fit:contain; }
.status-icon span { position:absolute; right:-2px; bottom:-2px; display:grid; place-items:center; width:15px; height:15px; border-radius:50%; background:#11141a; color:var(--green); border:1px solid rgba(255,255,255,.16); font-size:9px; }
.denied .status-icon { color:var(--danger); }
.subscription-card div:nth-child(2) { display: grid; gap: 2px; }
.subscription-card b { font-size: 12px; }
.subscription-card span { font-size: 10px; color: var(--muted); }
.text-button, .link-button { min-height: var(--control-lg); border: 0; border-radius: var(--radius-control); background: transparent; color: #d693ee; font-size: 11px; font-weight: 700; padding: 0 var(--bt-space-sm); }
.license-card { position: relative; overflow: hidden; padding: var(--bt-space-xl); border-radius: var(--radius-card); background: radial-gradient(circle at 92% -10%,rgba(244,128,67,.24),transparent 43%), radial-gradient(circle at 0% 100%,rgba(134,83,160,.25),transparent 48%), linear-gradient(145deg,#1c1b2b 0%,var(--bt-disabled-base) 58%,#18131d 100%); border: var(--bt-border-width) solid var(--popup-border); box-shadow: 0 26px 65px rgba(0,0,0,.36), 0 0 26px rgba(134,83,160,.12); }
.card-noise { position:absolute; inset:0; opacity:.1; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); pointer-events:none; }
.license-head, .plan-row, .key-row { position: relative; display: flex; align-items: center; justify-content: space-between; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; font-size: 9px; font-weight: 800; border-radius: 999px; background: rgba(255,255,255,.1); }
.status-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.status-pill.inactive i { background: var(--danger); box-shadow: 0 0 12px var(--danger); }
.plan-row { margin: 21px 0 18px; }
.plan-row > div:first-child { display: grid; gap: 5px; }
.plan-name { font-size: 30px; font-weight: 850; letter-spacing: -1.5px; }
.plan-caption { color: rgba(255,255,255,.66); font-size: 11px; }
.days-ring { width: 62px; height: 62px; border-radius: 50%; display: grid; place-content: center; text-align: center; border: 3px solid rgba(134,83,160,.38); border-top-color: var(--orange-hot); border-right-color: var(--magenta); box-shadow: inset 0 0 18px rgba(0,0,0,.17),0 0 20px rgba(134,83,160,.12); }
.days-ring strong { font-size: 18px; line-height: 1; }
.days-ring span { font-size: 8px; color: rgba(255,255,255,.6); margin-top: 3px; }
.key-row { background: rgba(7,8,16,.28); padding: 10px 10px 10px 13px; border-radius: 14px; margin-bottom: 14px; }
.key-row code { color: rgba(255,255,255,.78); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-button { flex: 0 0 var(--control-lg); border: 0; border-radius: var(--radius-control); background: rgba(255,255,255,.09); width: var(--control-lg); height: var(--control-lg); }
.button { border: 0; width: 100%; min-height: var(--control-hero); border-radius: var(--radius-card); font-weight: 800; font-size: 13px; padding: 0 var(--bt-space-xl); }
.button, .sheet-button, .text-button, .link-button, .icon-button, .home-action-card, .home-tariff-card, .admin-control-card, .stat-card, .sheet-back, .sheet-close {
  transition: transform var(--motion-fast) ease, filter var(--motion-fast) ease, background-color var(--motion-normal) ease, border-color var(--motion-normal) ease, box-shadow var(--motion-normal) ease;
}
.button:active, .action-card:active, .sheet-button:active, .icon-button:active, .home-action-card:active, .home-tariff-card:active, .admin-control-card:active, .stat-card:active, .sheet-back:active, .sheet-close:active { transform: scale(var(--bt-scale-press)); }
.button.primary { background: linear-gradient(105deg,var(--orange),var(--magenta) 48%,var(--purple-deep)); box-shadow: 0 14px 30px rgba(134,83,160,.26); }
.button.light { color: var(--text); background: linear-gradient(110deg,rgba(244,128,67,.15),rgba(134,83,160,.17)); border: var(--bt-border-width) solid var(--line-focus); }
.icon-label-button { display:flex; align-items:center; justify-content:center; gap:8px; }
.icon-label-button img { width:26px; height:26px; object-fit:contain; flex:0 0 auto; }
.admin-control-card { width:100%; margin:0 0 var(--card-gap); padding:var(--bt-space-lg); min-height:72px; color:var(--text); text-align:left; border-radius:var(--radius-card); border:var(--bt-border-width) solid var(--popup-border); background:radial-gradient(circle at 100% 0,rgba(238,75,145,.22),transparent 48%),linear-gradient(120deg,rgba(244,128,67,.13),rgba(91,84,164,.19)); box-shadow:0 14px 34px rgba(0,0,0,.2); display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:var(--bt-space-md); }
.admin-control-card:active { transform: scale(.985); }
.admin-control-card > img { width:40px; height:40px; object-fit:contain; }
.admin-control-card > span { display: grid; gap: 4px; }
.admin-control-card b { font-size: 14px; }
.admin-control-card small { color: var(--muted); font-size: 10px; }
.admin-control-card i { color: #e8a5e8; font-size: 26px; font-style: normal; }
.home-tariffs { margin:var(--card-gap) 0; padding:16px; border:1px solid rgba(179,108,255,.28); border-radius:14px; background:radial-gradient(circle at 100% 0,rgba(179,108,255,.15),transparent 42%),rgba(19,21,28,.92); box-shadow:0 18px 42px rgba(0,0,0,.22); }
.home-tariffs-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.home-tariffs-head h2 { margin:4px 0 0; font-size:17px; }
.home-discount { flex:0 0 auto; padding:6px 9px; border-radius:999px; color:#ffe5fa; background:linear-gradient(110deg,rgba(238,75,145,.28),rgba(134,83,160,.34)); border:1px solid rgba(238,75,145,.35); font-size:9px; font-weight:850; }
.home-tariff-grid { display:grid; gap:9px; }
.home-tariff-card { position:relative; width:100%; min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:var(--bt-radius-md); padding:var(--bt-radius-lg); color:var(--text); text-align:left; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:linear-gradient(115deg,rgba(244,128,67,.08),rgba(134,83,160,.1)); }
.home-tariff-card:active { transform:scale(.985); }
.home-tariff-card.ultra { padding-top:22px; border-color:rgba(179,108,255,.62); background:radial-gradient(circle at 100% 0,rgba(179,108,255,.28),transparent 48%),linear-gradient(120deg,rgba(238,75,145,.1),rgba(91,84,164,.2)); box-shadow:0 0 24px rgba(145,77,207,.1); }
.home-tariff-card:disabled { opacity:.55; filter:saturate(.55); }
.home-tariff-icon { display:grid; place-items:center; width:38px; height:38px; }
.home-tariff-icon img { width:38px; height:38px; object-fit:contain; }
.home-tariff-copy { display:grid; min-width:0; gap:3px; }
.home-tariff-copy b { font-size:15px; letter-spacing:.3px; }
.home-tariff-copy small { color:var(--muted); font-size:9px; line-height:1.35; }
.home-tariff-price { display:grid; justify-items:end; gap:1px; }
.home-tariff-price strong { font-size:17px; white-space:nowrap; }
.home-tariff-price s { min-height:11px; color:var(--muted); font-size:9px; }
.home-tariff-price small { color:var(--muted); font-size:8px; }
.home-tariff-badge { position:absolute; top:7px; right:10px; color:#edb9ff; font-size:7px; font-weight:900; letter-spacing:1px; }
.home-tariff-note { margin:11px 2px 0; color:var(--muted); font-size:9px; line-height:1.45; }
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin: var(--card-gap) 0; }
.stat-card { position:relative; min-width:0; min-height:112px; overflow:hidden; border-radius:20px; padding:15px; display:grid; grid-template-columns:40px 1fr; align-items:center; column-gap:10px; }
.stat-icon { grid-row:span 2; display:grid; place-items:center; width:40px; height:40px; font-weight:900; }
.stat-icon img { width:40px; height:40px; object-fit:contain; }
.stat-icon.wallet { color:#d994f1; }
.stat-card > span { font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
.stat-card > strong { font-size: 16px; }
.stat-card .link-button { grid-column: 1 / -1; text-align: left; padding: 10px 0 0; }
.referral-stat { isolation:isolate; width:100%; color:var(--text); text-align:left; border:var(--bt-border-width) solid var(--line-brand); background:radial-gradient(circle at 92% 5%,rgba(238,75,145,.25),transparent 48%),linear-gradient(135deg,rgba(244,128,67,.1),rgba(91,84,164,.16)); box-shadow:0 18px 40px rgba(0,0,0,.26),0 0 20px rgba(134,83,160,.09); }
.referral-stat::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.24; background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.14) 48%,transparent 68%); transform:translateX(-130%); animation:partner-shine 5.2s ease-in-out infinite; }
.referral-stat:active { transform:scale(.975); }
.referral-stat .stat-icon { grid-row:span 3; }
.referral-stat .stat-icon img { filter:drop-shadow(0 8px 14px rgba(238,75,145,.3)); }
.referral-stat > small { min-width:0; overflow:hidden; color:#d7a4ea; font-size:8px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.partner-promo-progress { grid-column:1/-1; height:3px; margin-top:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
.partner-promo-progress i { display:block; width:8%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),var(--magenta),var(--purple-deep)); box-shadow:0 0 12px rgba(238,75,145,.45); transition:width .6s cubic-bezier(.2,.7,.2,1); }
.referral-stat.disabled { filter:saturate(.4); opacity:.72; }
.home-action-card { width:100%; min-width:0; min-height:88px; padding:var(--bt-radius-lg); display:grid; grid-template-columns:40px 1fr; align-items:center; gap:var(--bt-radius-md); color:var(--text); text-align:left; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius); background:radial-gradient(circle at 100% 0,rgba(134,83,160,.13),transparent 54%),var(--panel); box-shadow:0 15px 34px rgba(0,0,0,.22); }
.home-action-card:active { transform:scale(.975); }
.home-action-card i { width:40px; height:40px; display:grid; place-items:center; }
.home-action-card i img { width:40px; height:40px; object-fit:contain; }
.home-action-card > span { min-width:0; display:grid; gap:4px; }
.home-action-card b { font-size:12px; }
.home-action-card small { overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.download-card { margin-top: var(--card-gap); padding: 19px; border-radius: 12px; background: radial-gradient(circle at 100% 0,rgba(134,83,160,.22),transparent 45%),linear-gradient(145deg,rgba(244,128,67,.11),rgba(91,84,164,.12)); border: 1px solid var(--popup-border); box-shadow: 0 0 24px rgba(134,83,160,.09); display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }
.windows-mark { width: 48px; height: 48px; display: grid; place-items:center; }
.windows-mark img { width:52px; height:52px; object-fit:contain; filter:drop-shadow(0 7px 12px rgba(134,83,160,.22)); }
.download-copy { min-width: 0; }
.download-copy h2 { font-size: 16px; margin: 4px 0 4px; }
.download-copy p { color: var(--muted); font-size: 10px; margin: 0; }
.download-button { grid-column: 1 / -1; }
.download-button img { width:28px; height:28px; object-fit:contain; }
.download-button span { margin:0; font-size:13px; }
.download-card small { grid-column: 1 / -1; color: var(--muted); font-size: 9px; text-align: center; }
.section { margin-top: 26px; }
.section-title h2 { margin: 4px 0 13px; font-size: 21px; }
.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.action-card { min-height:112px; text-align:left; padding:15px; border-radius:var(--radius-card); border:var(--bt-border-width) solid var(--line-brand); background:radial-gradient(circle at 100% 0,rgba(134,83,160,.13),transparent 52%),rgba(26,29,35,.86); display:grid; grid-template-columns:40px 1fr; grid-template-rows:auto auto; column-gap:10px; align-content:center; }
.action-card:hover { background: radial-gradient(circle at 100% 0,rgba(244,128,67,.16),transparent 55%),var(--bt-hover-base); border-color: var(--line-focus); }
.action-card i { grid-row:span 2; font-style:normal; width:40px; height:40px; display:grid; place-items:center; }
.action-card i img { width:40px; height:40px; object-fit:contain; }
.action-card b { font-size: 12px; align-self: end; }
.action-card span { font-size: 9px; color: var(--muted); margin-top: 3px; }
.feature-strip { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 19px; }
.feature-strip span { font-size: 9px; color: #c8c9d3; padding: 8px 10px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.guide-card { margin-top: var(--bt-space-xxl); padding: var(--bt-space-xl); border-radius: var(--radius-card); background: radial-gradient(circle at 100% 0,rgba(134,83,160,.17),transparent 45%),var(--bt-disabled-base); border: var(--bt-border-width) solid var(--popup-border); box-shadow: 0 18px 55px rgba(0,0,0,.22); }
.guide-card h2 { margin: 6px 0 18px; font-size: 18px; }
.guide-card ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; counter-reset: guide; }
.guide-card li { counter-increment: guide; display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; align-items: center; }
.guide-card li::before { content: counter(guide); grid-row: span 2; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--popup-border); border-radius: 8px; color: var(--popup-border); font-size: 11px; font-weight: 800; background: rgba(124,108,255,.10); }
.guide-card li b { font-size: 12px; }
.guide-card li span { color: var(--muted); font-size: 10px; margin-top: 2px; line-height: 1.4; }
.faq { margin-top: 26px; }
.faq details { border: var(--bt-border-width) solid var(--line-brand); background: linear-gradient(110deg,var(--panel),rgba(40,27,49,.68)); border-radius: var(--radius-control); margin-bottom: var(--bt-space-sm); overflow: hidden; }
.faq details[open] { border-color: var(--popup-border); }
.faq summary { cursor: pointer; list-style: none; padding: 14px 38px 14px 14px; position: relative; font-size: 11px; font-weight: 700; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; position: absolute; right: 14px; top: 10px; color: var(--popup-border); font-size: 20px; font-weight: 400; transition: transform var(--motion-fast) ease; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 0; padding: 0 14px 14px; }
.help-button { margin-top: 11px; background: linear-gradient(105deg,rgba(244,128,67,.13),rgba(134,83,160,.2)); border: 1px solid var(--popup-border); }
.emoji-button { margin-top:9px; background:linear-gradient(105deg,var(--orange),var(--magenta) 50%,var(--purple-deep)); border:1px solid var(--popup-border); box-shadow:0 12px 28px rgba(134,83,160,.2); }
footer { display: flex; align-items: center; justify-content: center; gap: 8px; color: #666876; font-size: 9px; margin-top: 34px; }
footer img { width: 18px; opacity: .65; }
.toast { position: fixed; left: 50%; transform: translate(-50%,20px); bottom: calc(22px + env(safe-area-inset-bottom)); background: var(--text); color: var(--bg); font-size: 11px; font-weight: 700; padding: 11px 15px; border-radius: var(--radius-card); box-shadow: 0 18px 50px rgba(0,0,0,.4); opacity: 0; pointer-events: none; transition: var(--motion-slow) ease; z-index: 20; }
.toast.show { opacity: 1; transform: translate(-50%,0); }
.app-sheet { position: fixed; inset: 0; z-index: 40; display: grid; align-items: end; }
.sheet-backdrop { position: absolute; inset: 0; background: rgba(3,4,8,.74); backdrop-filter: blur(12px); animation: fade-in .18s both; }
.sheet-panel { position: relative; width: min(100%,var(--bt-mini-page-max)); height: calc(100svh - max(8px,var(--app-content-safe-top))); max-height: calc(100svh - max(8px,var(--app-content-safe-top))); margin: 0 auto; border: var(--bt-border-width) solid var(--popup-border); border-bottom: 0; border-radius: var(--bt-radius-xxl) var(--bt-radius-xxl) 0 0; overflow: hidden; background: radial-gradient(circle at 105% -5%,rgba(134,83,160,.22),transparent 35%),var(--bg); box-shadow: 0 -28px 80px rgba(0,0,0,.55),0 0 26px rgba(124,108,255,.10); animation: sheet-up var(--motion-slow) cubic-bezier(.2,.7,.2,1) both; }
.sheet-header { height: 70px; display: grid; grid-template-columns: var(--control-lg) 1fr var(--control-lg); gap: 10px; align-items: center; padding: 10px 15px; border-bottom: var(--bt-border-width) solid var(--line-brand); background: var(--panel); backdrop-filter: blur(22px); }
.sheet-header > div { min-width: 0; }
.sheet-header span { display: block; color:#d7a4ea; font-size: 8px; font-weight: 800; letter-spacing: 1.6px; }
.sheet-header h2 { margin: 3px 0 0; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sheet-back,.sheet-close { width: var(--control-lg); height: var(--control-lg); border-radius: var(--radius-control); border: var(--bt-border-width) solid var(--line-brand); background: var(--bt-inner-highlight); font-size: 21px; }
.sheet-back { border:0; background:transparent; }
.sheet-back img { width:25px; height:25px; object-fit:contain; }
.sheet-close { font-size: 27px; line-height: 1; }
.sheet-body { height: calc(100% - 70px); overflow-y: auto; overscroll-behavior: contain; padding: 18px 18px calc(34px + env(safe-area-inset-bottom)); }
.sheet-lead { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0 0 16px; }
.sheet-card { margin-bottom: var(--bt-space-md); padding: var(--bt-space-lg); border-radius: var(--radius-card); border: var(--bt-border-width) solid var(--line-brand); background: radial-gradient(circle at 100% 0,rgba(134,83,160,.12),transparent 48%),rgba(24,27,34,.9); }
.sheet-card h3 { margin: 0 0 5px; font-size: 14px; }
.sheet-card p { color:var(--muted); font-size: 11px; line-height:1.5; margin:0; }
.sheet-card strong.metric { display:block; font-size:25px; margin-top:8px; }
.sheet-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.tariff-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.tariff-card { display:flex; min-width:0; flex-direction:column; gap:10px; margin:0; }
.tariff-card strong { font-size:22px; letter-spacing:-.7px; }
.tariff-card p { flex:1; }
.tariff-card.ultra,.plan-detail.ultra { border-color:rgba(179,108,255,.62); background:radial-gradient(circle at 100% 0,rgba(179,108,255,.25),transparent 52%),linear-gradient(145deg,rgba(238,75,145,.1),rgba(91,84,164,.2)); box-shadow:0 0 28px rgba(145,77,207,.1); }
.ultra-usage-card { border-color:rgba(179,108,255,.5); background:radial-gradient(circle at 100% 0,rgba(179,108,255,.2),transparent 54%),rgba(25,24,39,.94); }
.ultra-usage-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.ultra-usage-metrics div { display:grid; gap:3px; padding:10px; border:1px solid rgba(179,108,255,.2); border-radius:10px; background:rgba(8,10,15,.28); }
.ultra-usage-metrics span { color:var(--muted); font-size:8px; }
.ultra-usage-metrics b { font-size:15px; }
.ultra-usage-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; margin-top:10px; }
.ultra-usage-days span { display:grid; justify-items:center; gap:3px; min-width:0; padding:6px 2px; border-radius:7px; background:rgba(179,108,255,.08); }
.ultra-usage-days b { color:var(--muted); font-size:7px; }
.ultra-usage-days em { max-width:100%; overflow:hidden; color:#ecdafb; font-size:7px; font-style:normal; text-overflow:ellipsis; }
.setting-check { display:flex; align-items:flex-start; gap:10px; margin:2px 0 16px; padding:13px; border:1px solid rgba(179,108,255,.32); border-radius:12px; background:rgba(112,73,153,.08); }
.setting-check input { width:18px; height:18px; margin:1px 0 0; accent-color:#d950a4; }
.setting-check span { display:grid; gap:4px; }
.setting-check b { font-size:10px; }
.setting-check small { color:var(--muted); font-size:8px; line-height:1.4; }
.sheet-actions { display:grid; gap:9px; margin-top:14px; }
.sheet-actions.two { grid-template-columns:1fr 1fr; }
.sheet-button { min-height:var(--control-lg); border-radius:var(--radius-control); border:var(--bt-border-width) solid var(--line-brand); background:linear-gradient(105deg,rgba(244,128,67,.12),rgba(134,83,160,.18)); font-size:11px; font-weight:800; padding:0 var(--bt-space-md); }
.sheet-button.primary { border:0; background:linear-gradient(105deg,var(--orange),var(--magenta) 48%,var(--purple-deep)); }
.sheet-button.danger { border-color:rgba(255,71,87,.52); color:#ff7b87; background:rgba(255,71,87,.08); }
.sheet-button:disabled,.button:disabled { opacity:.52; filter:saturate(.45); }
.sheet-button[href] { display:flex; align-items:center; justify-content:center; text-decoration:none; color:var(--text); }
.field { display:grid; gap:7px; margin-bottom:12px; }
.field label { color:#d7a4ea; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.field input,.field textarea,.field select { width:100%; color:var(--text); background:var(--input); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); min-height:var(--control-lg); padding:11px 12px; outline:0; font:inherit; font-size:12px; }
.field textarea { min-height:110px; resize:vertical; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:var(--line-focus); box-shadow:0 0 0 3px var(--bt-focus-ring); }
.preset-row { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:13px; }
.preset-row button { flex:1 0 52px; min-height:var(--control-lg); border-radius:var(--radius-control); border:var(--bt-border-width) solid var(--line-brand); background:rgba(255,255,255,.04); font-size:11px; font-weight:700; }
.payment-methods { display:grid; gap:10px; margin:14px 0; }
.payment-method:disabled { opacity:.55; filter:saturate(.35); cursor:not-allowed; }
.payment-method { width:100%; min-height:74px; padding:12px; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:11px; text-align:left; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:radial-gradient(circle at 100% 0,rgba(134,83,160,.15),transparent 52%),rgba(255,255,255,.025); }
.payment-method.featured { border-color:var(--popup-border); background:radial-gradient(circle at 100% 0,rgba(238,75,145,.2),transparent 48%),linear-gradient(135deg,rgba(244,128,67,.09),rgba(91,84,164,.14)); }
.payment-method > img { width:42px; height:42px; object-fit:contain; }
.payment-method > span { min-width:0; display:grid; gap:4px; }
.payment-method b { font-size:11px; }
.payment-method small { color:var(--muted); font-size:8px; line-height:1.35; }
.payment-method i { color:#dfa3ed; font-size:22px; font-style:normal; }
.payment-hero { display:grid; grid-template-columns:52px 1fr; align-items:center; gap:13px; border-color:var(--popup-border); }
.payment-hero > img { width:52px; height:52px; object-fit:contain; }
.direct-request-success { border-color:rgba(0,212,170,.42); background:radial-gradient(circle at 100% 0,rgba(0,212,170,.1),transparent 50%),rgba(24,27,34,.9); }
.direct-admin-row { display:grid; gap:11px; }
.direct-admin-row h3 { margin-top:8px; }
.status-note { padding:11px 12px; border-radius:11px; color:var(--muted); font-size:10px; line-height:1.45; background:rgba(255,255,255,.035); border:1px solid var(--line); }
.status-note.success { color:#73e8c8; border-color:rgba(0,212,170,.3); background:rgba(0,212,170,.06); }
.status-note.error { color:#ff8b96; border-color:rgba(255,71,87,.3); background:rgba(255,71,87,.06); }
.key-card { display:grid; gap:8px; }
.key-card.selected { border-color:var(--popup-border); }
.key-line { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.key-line code { overflow:hidden; text-overflow:ellipsis; font-size:10px; color:#d9dae2; }
.mini-status { display:inline-flex; padding:5px 8px; border-radius:999px; background:rgba(0,212,170,.1); color:#69dfc0; font-size:8px; font-weight:800; }
.mini-status.off { background:rgba(255,71,87,.1); color:#ff7b87; }
.mini-status.pending { background:rgba(255,166,66,.12); color:#ffb763; }
.list { display:grid; gap:8px; }
.list-row { display:grid; gap:4px; padding:12px; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); background:rgba(255,255,255,.025); }
.list-row b { font-size:11px; }
.list-row span,.list-row small { color:var(--muted); font-size:9px; line-height:1.4; }
.license-registry-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.license-registry-tabs button { min-height:var(--control-lg); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:rgba(255,255,255,.025); color:var(--muted); font-size:10px; font-weight:800; }
.license-registry-tabs button.active { border-color:var(--popup-border); background:linear-gradient(135deg,rgba(255,120,73,.18),rgba(241,58,139,.16),rgba(149,84,199,.18)); color:#fff; box-shadow:0 0 22px rgba(241,58,139,.08); }
.license-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:14px 0; }
.license-summary button { min-width:0; min-height:var(--control-lg); padding:10px 6px; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); background:rgba(255,255,255,.025); color:var(--text); text-align:center; transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease; }
.license-summary button:active { transform:scale(.96); }
.license-summary button.active { border-color:var(--popup-border); background:linear-gradient(145deg,rgba(244,128,67,.18),rgba(238,75,145,.12),rgba(91,84,164,.16)); box-shadow:0 0 18px rgba(238,75,145,.1); }
.license-summary span { display:block; min-height:22px; color:var(--muted); font-size:7px; line-height:1.2; }
.license-summary b { display:block; margin-top:3px; font-size:15px; }
.admin-license-row { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; text-align:left; }
.admin-license-row > div { display:flex; min-width:0; flex-direction:column; gap:3px; }
.admin-license-row > div:last-child { align-items:flex-end; }
.admin-license-row code { overflow:hidden; color:#f5f3fa; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.admin-license-row > div:last-child > b { color:#fff; font-size:10px; }
.referral-profile-card { background:radial-gradient(circle at 100% 0,rgba(238,75,145,.17),transparent 50%),linear-gradient(135deg,rgba(244,128,67,.08),rgba(91,84,164,.13)); }
.referral-hero { display:grid; grid-template-columns:64px 1fr; align-items:center; gap:14px; border-color:var(--popup-border); }
.referral-hero > img { width:64px; height:64px; object-fit:contain; }
.referral-hero strong { display:block; margin:3px 0; font-size:34px; line-height:1; background:linear-gradient(95deg,var(--orange),var(--magenta) 52%,#a96ed0); background-clip:text; -webkit-background-clip:text; color:transparent; }
.referral-metrics { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:12px; }
.referral-metrics.compact { margin:14px 0 2px; grid-template-columns:repeat(3,1fr); }
.referral-metrics > div { min-width:0; padding:12px; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); background:rgba(255,255,255,.025); display:grid; gap:5px; }
.referral-metrics span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.7px; }
.referral-metrics b { overflow:hidden; text-overflow:ellipsis; font-size:16px; white-space:nowrap; }
.referral-metrics.compact b { font-size:13px; }
.referral-link { display:block; margin-top:13px; padding:11px 12px; overflow:hidden; color:#e6c5ee; background:var(--input); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); font-size:9px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.referral-guide { border-color:rgba(179,108,255,.58); background:radial-gradient(circle at 100% 0,rgba(179,108,255,.2),transparent 48%),linear-gradient(145deg,rgba(244,128,67,.07),rgba(91,84,164,.16)); }
.referral-guide h3 { margin:5px 0 7px; font-size:16px; line-height:1.3; }
.referral-guide .referral-guide-lead { color:#e3dce9; font-size:13px; line-height:1.5; }
.referral-tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:14px 0 17px; }
.referral-tier-grid > div { min-width:0; min-height:92px; padding:10px 7px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-align:center; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); background:rgba(7,9,14,.38); }
.referral-tier-grid > div.current { border-color:#dda3ec; background:linear-gradient(145deg,rgba(244,128,67,.14),rgba(179,108,255,.23)); box-shadow:0 0 18px rgba(179,108,255,.12); }
.referral-tier-grid span { min-height:30px; color:var(--muted); font-size:10px; line-height:1.35; }
.referral-tier-grid b { font-size:11px; line-height:1.25; }
.referral-tier-grid strong { color:#dda3ec; font-size:20px; line-height:1.1; }
.referral-steps { list-style:none; padding:0; margin:14px 0 0; counter-reset:referral-step; display:grid; gap:13px; }
.referral-steps li { counter-increment:referral-step; display:grid; grid-template-columns:30px 1fr; column-gap:10px; align-items:center; }
.referral-steps li::before { content:counter(referral-step); grid-row:span 2; width:28px; height:28px; border:1px solid var(--popup-border); border-radius:9px; display:grid; place-items:center; color:var(--popup-border); font-size:10px; font-weight:800; background:rgba(124,108,255,.09); }
.referral-steps b { font-size:12px; line-height:1.35; }
.referral-steps span { margin-top:2px; color:var(--muted); font-size:11px; line-height:1.5; }
.referral-example { margin-top:16px; padding:13px; border:1px solid rgba(0,212,170,.3); border-radius:var(--radius-control); background:rgba(0,212,170,.06); }
.referral-example > b { display:block; margin-bottom:5px; color:#83ecd0; font-size:12px; }
.referral-example p { color:#dfeae7; font-size:12px; line-height:1.55; }
.referral-guide .referral-guide-note { margin-top:13px; padding-top:12px; border-top:1px solid var(--line-brand); color:#d9cde0; font-size:11px; line-height:1.5; }
.referral-list-head { margin:20px 2px 10px; display:flex; justify-content:space-between; align-items:center; }
.referral-list-head h3 { margin:0; font-size:14px; }
.referral-list-head span { color:#d7a4ea; font-size:9px; }
.referral-row { grid-template-columns:1fr auto; align-items:center; gap:12px; }
.referral-row > div { min-width:0; display:grid; gap:4px; }
.referral-row > div:last-child { justify-items:end; }
.referral-row .mini-status { padding:3px 6px; }
.admin-nav { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:14px 0; }
.admin-nav button { min-height:82px; text-align:left; padding:12px; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:linear-gradient(135deg,rgba(244,128,67,.08),rgba(134,83,160,.14)); font-size:11px; font-weight:800; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:9px; align-items:center; }
.admin-nav button > img { width:34px; height:34px; object-fit:contain; grid-row:1 / 3; }
.admin-nav button b { align-self:end; }
.admin-nav button span { display:block; margin-top:4px; color:var(--muted); font-size:8px; font-weight:500; }
.icon-heading { display:flex; align-items:center; gap:8px; }
.icon-heading img { width:40px; height:40px; object-fit:contain; flex:0 0 auto; }
.status-row { display:flex; align-items:center; gap:10px; }
.status-row > img { width:34px; height:34px; object-fit:contain; flex:0 0 auto; }
.status-row > div { min-width:0; flex:1; }
.admin-list-head { margin:20px 2px 10px; display:flex; align-items:end; justify-content:space-between; gap:12px; }
.admin-list-head h3 { margin:0; font-size:14px; }
.admin-list-head span { color:var(--muted); font-size:8px; text-align:right; }
.admin-user-row { grid-template-columns:1fr auto; align-items:center; gap:12px; text-align:left; }
.admin-user-row > div { min-width:0; display:grid; gap:4px; }
.admin-user-row > div:last-child { justify-items:end; }
.admin-user-hero { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.admin-user-hero > div { min-width:0; }
.admin-user-hero h3 { margin:4px 0; overflow:hidden; text-overflow:ellipsis; }
.access-policy-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:12px; }
.access-policy-grid button { position:relative; min-height:112px; padding:13px; display:grid; grid-template-columns:10px 1fr; grid-template-rows:auto auto auto; align-content:center; column-gap:8px; text-align:left; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:linear-gradient(135deg,rgba(244,128,67,.06),rgba(134,83,160,.1)); }
.access-policy-grid b { font-size:11px; }
.access-policy-grid small { grid-column:2; margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.access-policy-grid em { grid-column:2; margin-top:9px; color:#73e8c8; font-size:7px; font-style:normal; font-weight:800; letter-spacing:.6px; }
.access-policy-grid button[data-blocked="1"] { border-color:rgba(255,71,87,.42); background:rgba(255,71,87,.06); }
.access-policy-grid button[data-blocked="1"] em { color:#ff8b96; }
.policy-dot { width:8px; height:8px; margin-top:2px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(0,212,170,.7); }
.policy-dot.off { background:var(--danger); box-shadow:0 0 12px rgba(255,71,87,.65); }
.ledger-row { grid-template-columns:1fr auto; align-items:center; gap:12px; }
.ledger-row > div { min-width:0; display:grid; gap:4px; }
.ledger-row strong { font-size:11px; }
.positive { color:#73e8c8; }
.negative { color:#ff8b96; }
.activity-row { text-align:left; overflow:hidden; }
.activity-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.partner-progress > div:first-child { display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; }
.partner-progress b { font-size:11px; }
.partner-progress span { color:var(--muted); font-size:8px; }
.progress-track { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.progress-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),var(--magenta),var(--purple-deep)); }
.tier-scale { margin-top:8px; display:flex; justify-content:space-between; gap:7px; }
.tier-scale span { font-size:7px; }
.tier-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px; }
.tier-cards > div { min-width:0; padding:11px 8px; display:grid; gap:4px; text-align:center; border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-control); background:linear-gradient(145deg,rgba(244,128,67,.07),rgba(134,83,160,.11)); }
.tier-cards span { color:var(--muted); font-size:8px; }
.tier-cards b { overflow:hidden; text-overflow:ellipsis; font-size:9px; white-space:nowrap; }
.tier-cards strong { font-size:16px; color:#dda3ec; }
.confirm-box { border-color:rgba(255,71,87,.46); }
@keyframes fade-in { from { opacity:0; } }
@keyframes sheet-up { from { transform:translateY(18px); opacity:.4; } }
.reveal { animation: reveal .55s both cubic-bezier(.2,.7,.2,1); }
.delay-1 { animation-delay: .06s; }.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}
@keyframes reveal { from { opacity:0; transform:translateY(14px); } }
@keyframes pulse { 0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.4);opacity:0} }
@keyframes float { 0%,100%{transform:translateY(-3px) rotate(-1deg)}50%{transform:translateY(6px) rotate(2deg)} }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes load { 0%{transform:translateX(-120%)}100%{transform:translateX(340%)} }
@keyframes avatar-aura-spin { to { transform:rotate(360deg); } }
@keyframes avatar-aura-breathe { 0%,100%{opacity:.38;transform:scale(.88)}50%{opacity:.9;transform:scale(1.12)} }
@keyframes partner-shine { 0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(150%)} }
@media (hover: hover) and (pointer: fine) {
  .button:not(:disabled):hover, .sheet-button:not(:disabled):hover, .home-action-card:hover, .home-tariff-card:not(:disabled):hover, .admin-control-card:hover, .stat-card:hover {
    filter: brightness(1.1) saturate(1.08);
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,.3), 0 0 22px var(--bt-focus-ring);
  }
  .text-button:hover, .link-button:hover { color: var(--text); background: var(--bt-magenta-dim); }
  .icon-button:hover, .sheet-back:hover, .sheet-close:hover { background: var(--hover); border-color: var(--line-focus); }
}
@media (max-width: 430px) {
  .shell { padding-left: var(--bt-radius-lg); padding-right: var(--bt-radius-lg); }
  .hero-copy { max-width: 76%; }
  .license-card, .download-card, .guide-card { padding: var(--bt-space-lg); }
  .sheet-body { padding-left: var(--bt-radius-lg); padding-right: var(--bt-radius-lg); }
}
@media (max-width: 360px) { .shell{padding-left:13px;padding-right:13px}.hero{min-height:246px}.hero-copy{max-width:78%}.hero-orbit{width:260px;height:260px;left:24px;top:-28px}.hero-orbit img{width:146px}.action-grid,.tariff-grid{grid-template-columns:1fr}.home-tariff-card{grid-template-columns:34px minmax(0,1fr) auto;padding-left:10px;padding-right:10px}.home-tariff-icon,.home-tariff-icon img{width:34px;height:34px}.home-tariff-copy small{font-size:8px}.home-tariff-price strong{font-size:15px}.sheet-body{padding-left:13px;padding-right:13px}.referral-metrics.compact{grid-template-columns:1fr 1fr}.referral-metrics.compact>div:last-child{grid-column:1/-1}.referral-tier-grid{grid-template-columns:1fr}.referral-tier-grid>div{min-height:70px;display:grid;grid-template-columns:1.3fr 1fr auto;text-align:left;justify-items:start}.referral-tier-grid span{min-height:0}.referral-tier-grid strong{justify-self:end} }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{animation:none!important;transition:none!important} }

.download-card[hidden] { display: none; }
.mac-install-lead { margin-bottom: var(--bt-space-lg); }
.mac-install-steps { display:grid; gap:var(--bt-space-sm); margin:0; padding:0; list-style:none; }
.mac-install-steps li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:var(--bt-space-md); align-items:center; padding:var(--bt-space-md); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:linear-gradient(115deg,rgba(244,128,67,.07),rgba(91,84,164,.12)); }
.mac-install-steps li > span { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:var(--text); background:linear-gradient(135deg,var(--orange),var(--magenta) 52%,var(--purple-deep)); font-size:14px; font-weight:850; box-shadow:0 8px 18px rgba(134,83,160,.22); }
.mac-install-steps li > div { display:grid; min-width:0; gap:3px; }
.mac-install-steps b { font-size:13px; }
.mac-install-steps small { color:var(--muted); font-size:10px; line-height:1.45; }
.mac-command-card { display:grid; gap:9px; margin-top:var(--bt-space-lg); padding:var(--bt-space-md); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:rgba(5,7,12,.72); }
.mac-command-card > span { color:#d7a4ea; font-size:8px; font-weight:850; letter-spacing:1.4px; }
.mac-command-card code { display:block; max-height:116px; overflow:auto; padding:11px; border-radius:var(--radius-control); color:#f4eafa; background:#090b10; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:10px; line-height:1.55; overflow-wrap:anywhere; user-select:all; }
.mac-copy-button.copied { background:linear-gradient(105deg,#0c9f83,#08b498); }
.mac-install-note { margin-top:var(--bt-space-md); line-height:1.55; }
.mac-manual-download { margin-top:var(--bt-space-md); padding:0 var(--bt-space-md); border:var(--bt-border-width) solid var(--line-brand); border-radius:var(--radius-card); background:rgba(24,27,34,.72); }
.mac-manual-download summary { min-height:var(--control-lg); display:flex; align-items:center; cursor:pointer; color:var(--muted); font-size:11px; font-weight:700; }
.mac-manual-download p { margin:0 0 var(--bt-space-md); color:var(--muted); font-size:10px; line-height:1.5; }
.mac-manual-download .sheet-button { width:100%; margin-bottom:var(--bt-space-md); }