:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f3f6ff;background:#070d1a;font-synthesis:none;text-rendering:optimizeLegibility;
  --bg:#070d1a;--panel:#101a2d;--panel-2:#142039;--line:#28364e;
  --muted:#8c9bb4;--subtle:#65748e;--blue:#6b9aff;--cyan:#68d9f1;--violet:#bba2ff;--gold:#ffd47b;
}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 0,#121c392e,transparent 60%),var(--bg)}
button,input,textarea,select{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{border:0;cursor:pointer;color:inherit;background:none}
button:disabled{cursor:not-allowed;opacity:.42}
a{color:var(--blue);text-decoration:none}
a:hover{color:#bdd4ff}
button,a{touch-action:manipulation}
svg{flex-shrink:0;stroke-width:1.7}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{letter-spacing:-.035em}
h1{font-size:40px;font-weight:730;line-height:1.16}
h2{font-size:23px;font-weight:680;line-height:1.25}
h3{font-size:17px;font-weight:650}
p{font-size:14px;color:var(--muted);line-height:1.65}
small{font-size:12px;line-height:1.5;color:var(--muted)}
strong{font-weight:650}
:focus-visible{outline:2px solid #84b5ff;outline-offset:4px}
input,select,textarea{border:1px solid var(--line);border-radius:13px;background:#0a1426;color:#f3f6ff;width:100%;padding:13px 14px;min-height:46px;outline:none;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{border-color:#779af1;box-shadow:0 0 0 3px #5c7eff17}
input::placeholder,textarea::placeholder{color:#65748e}
input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#7395ff;flex-shrink:0;padding:0}
textarea{min-height:90px;resize:vertical}
select{appearance:auto}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#aecbff;word-break:break-all}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.art{object-fit:contain;user-select:none;pointer-events:none}
.muted{color:var(--muted);font-size:13px}
.caption{font-size:12px;line-height:1.7;color:var(--subtle);margin:16px 0}
.centered{text-align:center}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#8a9dbf;display:block;line-height:1.5}
.gradient-text{background:linear-gradient(110deg,#b6abff 0%,#68baff 55%,#8ff4f2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand{display:flex;align-items:center;gap:8px;color:white;text-align:left}
.brand>img{width:40px;height:40px;filter:drop-shadow(0 0 12px #7e6cff20)}
.brand>span{font-size:30px;letter-spacing:-1.3px;font-weight:780;line-height:1.1}
.brand-x{color:#7ba8ff}
.brand small{display:block;font-size:5.9px;font-weight:600;letter-spacing:1px;color:#8299c0;margin-top:5px}
.brand-button{padding:0}
.app{min-height:100dvh}
.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:linear-gradient(180deg,#0c1526,#080f1d);border-right:1px solid #1f2b424d;padding:30px 18px 20px;display:flex;flex-direction:column;z-index:15}
.sidebar>.brand-button{margin:0 10px 45px}
.sidebar-label{font-size:9px;font-weight:600;color:#5d6f8f;letter-spacing:.13em;margin:0 14px 17px}
.sidebar nav{display:flex;flex-direction:column;gap:7px}
.sidebar nav button{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid transparent;border-radius:13px;font-size:13px;color:#8c9dbb;text-align:left;transition:.2s}
.sidebar nav button:hover{background:#14223b;color:#dfeaff}
.sidebar nav button.active{background:linear-gradient(110deg,#26437272,#172644);color:#d5e5ff;border-color:#405d9255}
.nav-dot{width:5px;height:5px;background:#82acff;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #759eff}
.sidebar-promo{margin:40px 8px 30px;padding:22px 13px;background:radial-gradient(ellipse at top,#30457c30,transparent 80%);border:1px solid #28375450;border-radius:18px;text-align:center}
.sidebar-promo .art{width:95px;margin:0 auto 14px;animation:float 7s ease-in-out infinite}
.sidebar-promo h3{font-size:18px;line-height:1.3;margin-bottom:9px}
.sidebar-promo p{font-size:11px;color:#7186a9}
.sidebar-support{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:#8398be;padding:12px}
.sidebar-version{font-size:8px;letter-spacing:.2em;color:#3e526f;padding:0 12px}
.main-shell{margin-left:222px;max-width:1600px}
.topbar{height:84px;border-bottom:1px solid #23304766;display:flex;align-items:center;justify-content:space-between;padding:0 38px}
.desktop-topline{font-size:12px;color:#768bad;letter-spacing:.02em}
.desktop-topline>span{color:#b4c4de}
.topbar-right{display:flex;align-items:center;gap:14px}
.mobile-brand{display:none}
.demo-pill{color:#efce8f!important;background:#7d582221!important;border:1px solid #b8884033!important;letter-spacing:.09em;font-size:9px!important;font-weight:700!important;padding:5px 8px!important;border-radius:6px!important}
.demo-strip{margin:13px 38px 0;display:flex;align-items:center;gap:8px;font-size:10px;color:#8b816d}
.demo-strip .live-dot{width:4px;height:4px;background:#ccaa72;box-shadow:none}
main{max-width:1170px;margin:auto;padding:28px 38px 40px;animation:fade-in .25s ease-out}
.wallet-pill{display:flex;align-items:center;gap:9px;border:1px solid #30446666;background:#14203980;padding:9px 11px;border-radius:12px;color:#cddbf5;font-size:12px;font-weight:600}
.wallet-pill>svg:first-child{color:#94aaff}
.wallet-pill>svg:last-child{color:#91a4c3}
.avatar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#364a86,#8266a3);width:40px;height:40px;border-radius:14px;font-weight:700;flex-shrink:0;font-size:17px;color:#ebefff}
.avatar.large{width:67px;height:67px;border-radius:22px;font-size:29px;border:1px solid #617fb3}
.top-avatar{height:36px;width:36px;border-radius:50%;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 20px;min-height:50px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.2;transition:filter .18s,transform .18s,border-color .18s;white-space:normal;text-align:center}
.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
.btn:active:not(:disabled){transform:translateY(0)}
.btn.primary{background:linear-gradient(112deg,#8662f4 0%,#416ffa 53%,#288ccf 100%);border:1px solid #a1b7ff50;color:#fff;box-shadow:0 6px 22px #376bef1c,inset 0 1px 0 #c5ceff17}
.btn.secondary{background:#18243c;border:1px solid #34445e;color:#dce6fb;box-shadow:inset 0 1px #ffffff04}
.btn.small{font-size:12px;padding:11px 14px;min-height:40px;border-radius:11px}
.text-link{color:#8eb4ff;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:550;padding:0}
.text-link:hover{color:#c9ddff}
.icon-btn{padding:9px;border:1px solid #2a3c5950;background:#15203980;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#9aaccd;flex-shrink:0}
.icon-btn:hover{color:#e1ebff;background:#1d2c47}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #405a9340;background:#25375855;color:#a6baff;padding:6px 10px;font-size:10px;font-weight:550;line-height:1.2;border-radius:8px}
.pill.tiny{font-size:9px;padding:5px 8px}
.pill.gold{background:#b9882920;color:#edc76b;border-color:#edc76b28}
.pill.cyan{color:#6ed9ce;background:#45c3ba13;border-color:#45c3ba28}
.purple-pill{color:#cba8ff;background:#9e69ef18}
.pink-pill{color:#f7a6d4;background:#d663a818}
.live-dot{width:5px;height:5px;border-radius:50%;background:#88caff;box-shadow:0 0 9px #8dd0ff}
.card{border:1px solid #2a3c595e;background:linear-gradient(130deg,#111c30,#10192a);border-radius:21px;overflow:hidden}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 15px}
.section-heading h2{font-size:20px;display:flex;align-items:center;gap:8px}
.section-heading h3{font-size:16px}
.section-heading p{font-size:11px;margin-top:6px}
.greeting-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}
.greeting-row .eyebrow{font-size:9px;margin-bottom:6px}
.greeting-row h2{font-size:24px}
.wave{color:#b3a4ff;font-size:24px;margin-left:6px}
.hero{position:relative;min-height:342px;padding:37px 36px;background:radial-gradient(ellipse at 87% 25%,#183f666b,transparent 46%),radial-gradient(ellipse at 70% 100%,#50348970,transparent 55%),linear-gradient(120deg,#111c35,#121c3c 64%,#172441);isolation:isolate}
.hero::before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#779eff;top:30px;right:140px;box-shadow:70px 45px #8d90b9,90px 182px #767daa,-90px 234px #c8bbff,-200px 150px #99bfea,45px 254px #7192db,-121px 41px #60819f;z-index:-1}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:39px;line-height:1.18;margin:17px 0 15px;letter-spacing:-.045em;font-weight:740}
.hero p{font-size:14px;line-height:1.65;color:#98a9c9;margin-bottom:24px}
.hero .btn{font-size:13px;min-height:45px;padding:13px 19px}
.hero-foot{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:10px;color:#738bb3}
.hero-art{position:absolute;right:23px;top:32px;width:285px;bottom:12px;display:flex;align-items:center;justify-content:center}
.hero-art>.art{width:258px;filter:drop-shadow(0 18px 30px #4053f038);animation:float 6s ease-in-out infinite;transform:rotate(-7deg)}
.orbit-label{position:absolute;bottom:18px;font-size:12px;letter-spacing:.04em;font-style:italic;color:#8596d9;transform:rotate(-8deg)}
.orbital{position:absolute;border:1px solid #8897ff24;border-radius:50%;z-index:-1;pointer-events:none}
.orbital-one{width:420px;height:140px;right:-62px;top:96px;transform:rotate(-30deg)}
.orbital-two{width:345px;height:295px;right:-8px;top:24px;transform:rotate(35deg);border-color:#71c5ff13}
.spark{position:absolute;color:#93c7ff;text-shadow:0 0 15px #679cff;font-size:20px}
.s1{left:11px;top:63px}.s2{right:10px;bottom:80px;font-size:29px}.s3{right:38px;top:35px;font-size:13px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.product-tile{position:relative;display:flex;align-items:center;text-align:left;min-height:186px;padding:24px;border-radius:21px;border:1px solid #665d383e;overflow:hidden;background:radial-gradient(ellipse at 100% 40%,#8e66221c,transparent 70%),linear-gradient(110deg,#1b2334,#232739)}
.product-tile>div{position:relative;z-index:1}
.product-tile .eyebrow{font-size:8px;color:#a49e8d;letter-spacing:.14em}
.product-tile h3{font-size:22px;margin:8px 0}
.product-tile p{font-size:11px;color:#8797ad;max-width:175px}
.product-tile>.art{position:absolute;width:100px;right:13px;bottom:37px;transform:rotate(8deg);filter:drop-shadow(0 10px 22px #d9973822);transition:transform .35s}
.product-tile:hover>.art{transform:rotate(0) translateY(-5px)}
.tile-price{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600;color:#efcf8e;margin-top:20px}
.premium-tile{background:radial-gradient(ellipse at 100% 40%,#7135cc33,transparent 70%),linear-gradient(110deg,#1a1e36,#262344);border-color:#745aad38}
.premium-tile .eyebrow{color:#9b8bab}
.premium-tile .tile-price{color:#c4b0fc}
.premium-tile>.art{filter:drop-shadow(0 10px 22px #985cde26)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.mini-action{padding:18px;display:flex;align-items:center;gap:15px;text-align:left}
.mini-action>.art{width:49px;height:49px}
.mini-action h3{font-size:14px;margin-bottom:4px}
.mini-action p{font-size:10px}
.mini-action>svg{margin-left:auto;color:#788cab;width:16px}
.signal{background:linear-gradient(120deg,#132033,#172337)}
.signal-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#1d4960,#253756);color:#74d9e2;border:1px solid #568b972c}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.package-card{position:relative;background:linear-gradient(140deg,#15213a,#10192b);border:1px solid #31486662;border-radius:19px;padding:23px 20px 17px;text-align:left;transition:transform .2s,border-color .2s;min-width:0}
.package-card:hover{border-color:#6b8fdb80;transform:translateY(-3px)}
.package-card .art{width:58px;height:58px;filter:drop-shadow(0 6px 16px #f9ba391a);margin:0 0 16px}
.package-card h3{font-size:22px;letter-spacing:-.035em}
.package-card h3>span{font-size:12px;color:var(--muted);font-weight:450;letter-spacing:0}
.package-card p{font-size:11px;margin-top:4px}
.package-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:21px}
.package-bottom strong{font-size:13px;letter-spacing:-.02em}
.round-arrow{height:27px;width:27px;background:#2d487453;color:#97b7f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.package-card.popular{background:radial-gradient(ellipse at 95% 0,#3449883d,transparent 70%),linear-gradient(140deg,#172741,#142034);border-color:#5277ba85}
.package-tag{position:absolute;right:12px;top:11px;border-radius:5px;background:#597ed42d;color:#b0c7f9;font-size:8px;letter-spacing:.015em;padding:4px 7px}
.friends-banner{position:relative;display:flex;align-items:center;gap:20px;padding:25px;margin-top:28px;background:radial-gradient(ellipse at 0 0,#2d5a794f,transparent 70%),linear-gradient(115deg,#11283a,#18253a)}
.friends-banner>.art{width:70px}
.friends-banner .eyebrow{font-size:8px;color:#639eaf}
.friends-banner h2{font-size:23px;margin:5px 0}
.friends-banner p{font-size:11px}
.friends-banner .btn{margin-left:auto;white-space:nowrap}
.footer-note{display:flex;justify-content:center;align-items:center;gap:8px;color:#455a7a;margin-top:34px;font-size:10px}
.footer-note img{width:20px;opacity:.5}
.page-title{margin:2px 0 28px}
.page-title h1{margin:8px 0 10px}
.page-title p{font-size:13px}
.catalog-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:#0d172a;border:1px solid #2637516b;border-radius:16px;margin-bottom:22px;gap:5px}
.catalog-tabs button{padding:12px 9px;color:#869abc;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;border-radius:11px;border:1px solid transparent;transition:.2s}
.catalog-tabs button.active{color:#dce8ff;background:linear-gradient(100deg,#3348769c,#35437780);border-color:#566ba669;box-shadow:0 3px 10px #04070e44}
.catalog-hero{padding:30px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 100% 45%,#766b3733,transparent 60%),linear-gradient(110deg,#1a2537,#24293c);margin-bottom:22px;position:relative}
.catalog-hero h2{font-size:30px;margin:15px 0 10px}
.catalog-hero p{font-size:12px}
.catalog-hero>.art{width:130px;height:130px;margin-right:27px;transform:rotate(9deg);filter:drop-shadow(0 5px 35px #e8b63725)}
.catalog-hero.purple{background:radial-gradient(ellipse at 90% 30%,#7947bf44,transparent 60%),linear-gradient(115deg,#1a213b,#252445)}
.catalog-hero.pink{background:radial-gradient(ellipse at 90% 30%,#963e7044,transparent 60%),linear-gradient(115deg,#251e35,#2c243e)}
.catalog-hero.pink>.art{filter:drop-shadow(0 5px 35px #cd4d9d25)}
.rate-tag{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#e0c67e;font-size:12px}
.group-tabs{display:flex;gap:8px;margin:0 0 22px;overflow:auto;scrollbar-width:none;padding:1px}
.group-tabs button{border:1px solid #26354e;border-radius:9px;padding:10px 15px;font-size:11px;color:#8499ba;white-space:nowrap}
.group-tabs button.active{background:#22324e;border-color:#45618f;color:#cfdef9}
.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.custom-card{display:flex;flex-direction:column;border-style:dashed;background:#101a2c}
.custom-card .custom-icon{height:42px;color:#7199d7;margin:10px 0 10px}
.custom-card h3{font-size:18px}
.custom-card input{min-height:34px;padding:8px 10px;margin:12px 0 8px;font-size:12px}
.custom-card .btn{padding:8px;min-height:34px;width:100%}
.trust-line{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid #2b436553;border-radius:13px;background:#13203a55;color:#728bab;font-size:11px;line-height:1.7;margin:23px 0}
.trust-line>svg{color:#689bc2}
.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.premium-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:29px 20px 18px;text-align:left}
.premium-plan .art{height:77px;width:77px;margin:4px 0 20px}
.premium-plan .eyebrow{font-size:7px;color:#8d83b3}
.premium-plan h3{font-size:22px;margin:10px 0 7px}
.premium-plan .plan-price{font-size:26px;margin:8px 0}
.premium-plan .muted{font-size:11px}
.plan-label{position:absolute;inset:0 0 auto 0;text-align:center;color:#ceb9ff;font-size:8px;letter-spacing:.04em;font-weight:600;padding:5px;background:linear-gradient(90deg,#49357788,#3d438699)}
.premium-plan.selected{border-color:#8565d58f;background:radial-gradient(ellipse at 40% 0,#65479040,transparent 60%),linear-gradient(140deg,#24223f,#182038);box-shadow:0 0 35px #9773ff08}
.plan-divider{height:1px;background:#37426480;margin:20px 0 14px;width:100%}
.plan-feature{display:flex;align-items:center;gap:7px;font-size:10px;color:#a2a8c1;margin-bottom:9px}
.plan-feature svg{color:#a18deb}
.premium-plan .btn{width:100%;margin-top:15px;font-size:11px;min-height:42px;padding:11px 9px}
.search-field{display:flex;align-items:center;gap:12px;background:#101b2e;border:1px solid #2b3c565f;border-radius:13px;padding:1px 14px;margin-bottom:20px}
.search-field>svg{color:#7b90b5}
.search-field input{border:0;background:transparent;padding-left:0;font-size:12px;box-shadow:none}
.gifts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gift-card{position:relative;padding:22px 20px 16px;isolation:isolate;text-align:left;transition:.2s}
.gift-card:hover{transform:translateY(-3px);border-color:#6c79ad}
.gift-card>.art{width:115px;height:115px;margin:0 auto 16px;object-fit:contain}
.gift-card h3{font-size:14px}
.gift-glow{position:absolute;width:140px;height:120px;background:#688fff18;top:10px;left:50%;transform:translateX(-50%);filter:blur(20px);z-index:-1;border-radius:50%}
.gift-glow.heart,.gift-glow.gift{background:#fa72c718}
.gift-glow.rose{background:#af76ff18}
.gift-glow.bear{background:#ffd19a18}
.referral-hero{padding:30px;display:flex;align-items:center;gap:32px;background:radial-gradient(ellipse at 0 40%,#24526d66,transparent 60%),linear-gradient(120deg,#12283c,#17243a)}
.referral-hero>.art{width:125px;height:125px}
.referral-hero h2{font-size:31px;margin:14px 0 10px}
.referral-hero p{font-size:13px;max-width:390px}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}
.stat{padding:23px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px}
.stat>svg{color:#849ad7;margin-bottom:5px}
.stat>strong{font-size:27px;letter-spacing:-.04em}
.stat>span{font-size:11px;color:#8b9fbd}
.referral-link{padding:24px}
.referral-link label{font-size:13px;font-weight:600}
.copy-field{background:#09162a;border:1px solid #2b456957;border-radius:13px;padding:11px 9px 11px 14px;display:flex;align-items:center;gap:10px;margin:12px 0 16px}
.copy-field>span{color:#90abce;font-size:12px;overflow-wrap:anywhere}
.copy-field>.icon-btn{margin-left:auto}
.referral-link>.btn{width:100%}
.simple-row{padding:18px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #24324a60}
.simple-row:last-child{border-bottom:0}
.simple-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.simple-row>div>strong{font-size:13px;overflow-wrap:anywhere}
.simple-row>div>small{font-size:11px}
.simple-row>span:last-child,.simple-row>strong:last-child{margin-left:auto;font-size:12px;text-align:right}
.simple-row>.art{height:42px;width:42px}
.simple-row>.avatar{margin-left:0;font-size:16px}
.mission-hero{text-align:center;padding:27px 30px 32px;background:radial-gradient(ellipse at 50% 20%,#4654a538,transparent 62%),linear-gradient(145deg,#171f38,#17233b)}
.mission-hero>.art{width:145px;height:145px;margin:0 auto 16px;animation:float 6s infinite ease-in-out}
.mission-hero h2{font-size:25px;margin:15px 0 10px}
.mission-hero p{font-size:12px}
.progress{height:6px;background:#091329;border:1px solid #2a3a5050;border-radius:99px;max-width:350px;margin:21px auto 0;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#7575f7,#63c6f2);border-radius:99px;transition:width .4s}
.daily{padding:24px;margin-top:19px}
.daily .section-heading{margin:0 0 13px}
.daily>p{font-size:12px}
.daily .btn{width:100%;margin-top:19px}
.daily>small{display:block;text-align:center;font-size:10px;margin-top:13px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:23px}
.days>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 4px;border:1px solid #2c3b5780;border-radius:12px;background:#15203a;color:#576b90}
.days>div>span{font-size:9px}
.days>div.done{color:#8bc5f1;background:#263b5966;border-color:#587fab69}
.days>div:last-child{color:#b399df}
.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.achievement{text-align:center;padding:23px 12px;opacity:.6}
.achievement.unlocked{opacity:1;border-color:#6994c963;background:radial-gradient(ellipse at top,#4f68a52c,transparent 80%),#111e32}
.achievement>.art{width:64px;height:70px;margin:0 auto 17px;filter:grayscale(.6)}
.achievement.unlocked>.art{filter:none}
.achievement h3{font-size:13px;margin-bottom:6px}
.achievement p{font-size:10px;margin-bottom:14px}
.profile-header{display:flex;align-items:center;gap:18px;margin:5px 0 25px}
.profile-header h1{font-size:30px;margin-bottom:7px}
.profile-header p{font-size:12px}
.profile-header p>.pill{margin-left:8px}
.profile-header>.icon-btn{margin-left:auto}
.balance-card{position:relative;padding:30px;background:radial-gradient(ellipse at 95% 0,#2b59685b,transparent 58%),linear-gradient(120deg,#19283c,#1c3247);display:flex;flex-wrap:wrap;align-items:center;gap:25px}
.balance-card h2{font-size:44px;margin:12px 0 9px;letter-spacing:-.05em}
.balance-card p{font-size:11px}
.balance-card>.art{height:115px;width:115px;margin-left:auto}
.balance-card .btn{width:100%}
.segmented{display:flex;gap:4px;margin:0 0 14px;background:#111c2f;border-radius:10px;padding:4px;width:max-content}
.segmented>button{padding:8px 19px;border-radius:7px;font-size:12px;color:#7e94b5}
.segmented>button.active{color:#c7d9f7;background:#263a595e;box-shadow:0 1px 5px #0002}
.order-row{display:flex;align-items:center;gap:13px;width:100%;padding:18px 20px;text-align:left;border-bottom:1px solid #24354f7b}
.order-row:last-child{border-bottom:0}
.order-row:hover{background:#263b5928}
.order-art{width:44px;height:44px;border:1px solid #35496c60;border-radius:13px;background:#1f2d4660;padding:6px;flex-shrink:0}
.order-art>.art{width:100%;height:100%}
.order-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.order-main strong{font-size:12px}
.order-main small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
.order-side strong{font-size:12px;white-space:nowrap}
.order-side small{font-size:9px}
.order-row>svg{color:#526c94}
.status{color:#86a2c5}
.status.completed{color:#71d2b4}
.status.awaiting_payment,.status.creating{color:#d6b46f}
.status.failed,.status.invoice_error,.status.chargeback{color:#ef8fa9}
.status.processing,.status.paid{color:#8fb0ff}
.status.manual_review{color:#daa0e4}
.status.expired,.status.refunded{color:#9aa8be}
.status.badge{display:inline-block;border:1px solid currentColor;border-radius:7px;background:#ffffff04;padding:4px 7px;font-size:9px;opacity:.9;white-space:nowrap}
.positive{color:#6dd8b6}
.danger-text{color:#e995a8!important}
.ledger-icon{color:#8ba2cc;display:flex;padding:10px;background:#1b2a43;border-radius:11px}
.subscriptions{margin:20px 0;padding:20px}
.subscriptions .section-heading{margin:0 0 8px}
.subscriptions .simple-row{padding:15px 0}
.subscriptions .caption{margin-bottom:0}
.settings-links{margin-top:24px}
.settings-links>a,.settings-links>button{width:100%;display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #293b5460;color:#9eafcc;font-size:12px}
.settings-links>a:last-child,.settings-links>button:last-child{border-bottom:0}
.settings-links>a>svg:last-child,.settings-links>button>svg:last-child{margin-left:auto;color:#576f94}
.empty{padding:43px 25px;text-align:center}
.empty>.art{width:77px;height:77px;margin:0 auto 21px;opacity:.85}
.empty h3{font-size:16px;margin-bottom:10px}
.empty p{font-size:12px;max-width:330px;margin:auto}
.bottom-nav{display:none}
.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;text-align:center;padding:25px}
.boot>.brand{margin-bottom:20px}
.boot>span{display:flex;align-items:center;gap:11px;font-size:12px;color:#8098bd}
.loading-orbit{position:relative;width:180px;height:180px;border:1px solid #425b9530;border-radius:50%;padding:24px;background:radial-gradient(circle,#28345870,transparent)}
.loading-orbit::after{content:"";position:absolute;inset:-8px;border:1px solid transparent;border-top-color:#7c89ff;border-radius:50%;animation:spin 2s linear infinite}
.loading-orbit>.art{animation:float 4s infinite}
.error-art{width:140px;height:140px}
.boot p{max-width:420px;font-size:13px}
.boot h2{font-size:22px}
.gate{padding:42px;max-width:620px;margin:20px auto;text-align:center}
.gate-mascot{width:155px;margin:0 auto 24px;animation:float 5s infinite ease-in-out}
.gate h1{font-size:31px;margin:12px 0 16px}
.gate>p{font-size:13px}
.gate>.btn{margin-top:24px;width:100%}
.gate-step{display:flex;gap:15px;margin-top:27px;text-align:left}
.step-number{width:33px;height:33px;border:1px solid #6381bd50;background:#2a3f659c;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#b0c4ee;font-size:12px}
.step-number.done{background:#2254464d;color:#88d7b8;border-color:#41816555}
.gate-step h3{font-size:14px;margin:5px 0 8px}
.gate-step p{font-size:11px}
.gate-step p a{display:inline-flex;align-items:center;gap:4px}
.gate-step .btn{margin:13px 0 0;display:flex;width:max-content}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;color:#98aac6;cursor:pointer}
.gate .checkbox{margin-top:12px}
.login-widget{margin-top:25px;min-height:50px}
.legal-page{padding:40px;max-width:720px;margin:auto}
.legal-page h1{font-size:29px;margin:12px 0 25px}
.legal-page p{margin:18px 0}
.legal-page>.code{margin:15px}
.legal-page .btn{margin-top:20px}
.notice{padding:14px 16px;margin:17px 0;background:#21375143;border:1px solid #3a578140;border-radius:12px;color:#94aac8;font-size:11px;line-height:1.65;display:flex;align-items:flex-start;gap:11px}
.notice>svg{flex-shrink:0;color:#85a6d4}
.demo-notice{background:#66501c17;border-color:#95713a2b;color:#baa47f}
.demo-notice>svg{color:#cbb170}
.error-notice{background:#63263920;border-color:#98556a30;color:#d293a7}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#030814bc;backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .16s ease-out}
.modal{width:100%;max-width:482px;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(150deg,#142139,#0e1729 60%);border:1px solid #46577c73;border-radius:26px;box-shadow:0 30px 100px #0008;outline:none;position:relative;scrollbar-width:thin;scrollbar-color:#405673 transparent}
.modal.wide{max-width:850px}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;position:sticky;top:0;z-index:3;background:#121d32f5;backdrop-filter:blur(12px);border-bottom:1px solid #32456560}
.modal-header h2{font-size:20px}
.modal-handle{display:none}
.modal-body{padding:23px 25px}
.modal-body.prose h3{font-size:16px;margin:7px 0 11px}
.modal-body.prose p{font-size:12px;margin-bottom:23px}
.modal-body.prose>.btn{width:100%}
.checkout-product{display:flex;gap:17px;align-items:center;margin-bottom:18px}
.checkout-product-art{background:radial-gradient(ellipse,#4c559029,transparent);border:1px solid #52608627;border-radius:20px;padding:10px;flex-shrink:0}
.checkout-product-art .art{width:61px;height:61px}
.checkout-product .eyebrow{font-size:8px;color:#6e82a2}
.checkout-product h3{font-size:20px;margin:6px 0}
.checkout-product p{font-size:10px}
.checkout-body>.notice{margin-bottom:22px}
.checkout-section{margin:22px 0}
.field-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.field-heading label,.checkout-section>label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:#c3d0e6}
.step-dot{width:19px;height:19px;border:1px solid #4a659341;background:#2d487944;color:#91afe1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px}
.field-heading>.text-link{font-size:10px}
.checkout-section>small{display:block;font-size:10px;color:#6a7e9c;margin-top:9px}
.checkout-section>label{margin-bottom:10px}
.input-with-icon{display:flex;align-items:center;border:1px solid #32486682;background:#0b1629;border-radius:13px;padding:0 14px}
.input-with-icon>span{font-size:17px;color:#6d86ab}
.input-with-icon>input{background:transparent;border:0;box-shadow:none;font-size:13px;min-height:47px;padding-left:10px}
.input-with-icon:focus-within{border-color:#779af1;box-shadow:0 0 0 3px #5c7eff17}
.payment-methods{display:flex;flex-direction:column;gap:9px}
.payment-method{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid #30426188;border-radius:13px;text-align:left;background:#111c31;transition:.2s}
.payment-method.selected{border-color:#6c87ca;background:linear-gradient(110deg,#23345980,#19273f)}
.payment-method>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}
.payment-method strong{font-size:12px;display:flex;align-items:center;gap:6px}
.payment-method strong>em{font-style:normal;font-size:7px;font-weight:550;color:#b49b65;background:#6753213b;padding:2px 4px;border-radius:3px}
.payment-method small{font-size:9px;color:#7b90b2}
.payment-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex-shrink:0;border-radius:11px;border:1px solid #6d83b235;background:linear-gradient(145deg,#2b496b,#27415f);color:#a1cafa}
.payment-icon>strong{font-size:23px}
.payment-icon.platega{background:linear-gradient(140deg,#168bf8,#3652e7);color:white;font-size:24px;font-weight:800}
.payment-icon.cryptobot{background:linear-gradient(140deg,#298baf,#3163a7);color:#cbf2ff}
.payment-icon.telegram{background:linear-gradient(140deg,#665333,#584020);color:#f1cb78}
.payment-icon.fragment{background:linear-gradient(140deg,#62579a,#3c4484);color:#d5ccff}
.radio-indicator{height:18px;width:18px;border:1px solid #4f6181;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.payment-method.selected .radio-indicator{border-color:#779dfa;background:#6c8dec;color:white}
.promo-section{border-top:1px solid #273a535e;border-bottom:1px solid #273a535e;padding:16px 0;margin:24px 0}
.promo-section>.text-link{font-size:11px}
.promo-section>input{margin-top:13px;font-size:12px}
.consent-checkbox{font-size:10px;color:#7387a7;line-height:1.8}
.consent-checkbox>span{flex:1}
.consent-checkbox a{text-decoration:underline;text-decoration-color:#4f6fa55e;text-underline-offset:3px}
.checkout-footer{position:sticky;bottom:0;background:#101b2df7;backdrop-filter:blur(12px);border-top:1px solid #3b4b635e;padding:20px 25px 22px;z-index:2}
.total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
.total-line>span{font-size:12px;color:#94a7c8;display:flex;align-items:center;gap:7px}
.total-line>strong{font-size:27px;letter-spacing:-.05em}
.total-line em{font-size:10px;font-style:normal;color:#80cfb8;background:#255c4c52;padding:3px 5px;border-radius:4px}
.discount-original{font-size:10px;color:#7188a8;margin-top:-10px;margin-bottom:17px}
.checkout-footer>.btn{width:100%}
.secure-caption{display:flex;justify-content:center;align-items:center;gap:6px;color:#617b9f;font-size:9px;margin-top:12px}
.amount-chips{display:flex;gap:7px;margin-top:10px}
.amount-chips button{flex:1;padding:8px 4px;border:1px solid #304263;border-radius:8px;font-size:10px;color:#86a0c2}
.amount-chips button.active{color:#c6daff;background:#29406969}
.error-text{font-size:11px;line-height:1.6;color:#eaa0b5;margin:13px 0;padding:12px;border:1px solid #8f4b6644;background:#72314416;border-radius:10px}
.order-state{text-align:center;padding-top:25px}
.state-illustration{position:relative;width:150px;height:150px;margin:0 auto 20px;border:1px solid #4a5c9440;border-radius:50%;background:radial-gradient(ellipse,#384d7e29,transparent 75%);padding:27px}
.state-illustration.success{border-color:#758fd82d;background:radial-gradient(ellipse,#4f529935,transparent 70%);padding:7px}
.state-illustration.success>.art{animation:float 6s ease-in-out infinite}
.state-illustration.warning{border-color:#aa809040}
.state-illustration>.art{width:100%;height:100%}
.state-spinner{position:absolute;inset:-5px;width:160px;height:160px;color:#7e9dee;stroke-width:.5}
.order-state>h2{font-size:26px;margin:16px 0 12px}
.order-state>p{font-size:12px;max-width:350px;margin:0 auto 23px}
.receipt{padding:6px 16px;text-align:left;background:#0d192b}
.receipt>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:11px;border-bottom:1px solid #33446246}
.receipt>div:last-child{border-bottom:0}
.receipt>div>span:first-child{color:#7b91b1}
.receipt>div>strong{text-align:right;overflow-wrap:anywhere}
.receipt .receipt-total{font-size:14px;padding:16px 0}
.receipt-total>strong{font-size:21px}
.copy-order{display:flex;align-items:center;gap:7px;color:#5d7598;font-size:10px;margin:15px auto 22px}
.order-state>.btn,.order-state>.btn+.btn{width:100%;margin-top:10px}
.timeline{margin:28px 0 0;border-top:1px solid #2d42625f;padding-top:15px;text-align:left}
.timeline>div{display:flex;gap:11px;align-items:flex-start;position:relative;margin:15px 0}
.timeline>div>span:nth-child(2){font-size:11px;color:#96adcf;flex:1}
.timeline small{display:block;font-size:9px;color:#587296;margin-top:4px}
.timeline time{font-size:9px;color:#526b8d;margin-top:3px}
.timeline-dot{height:6px;width:6px;background:#728ec5;border-radius:50%;margin-top:5px;flex-shrink:0}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:25px;max-width:520px;width:max-content;z-index:200;display:flex;gap:11px;align-items:center;padding:14px 18px;background:#1c3448f2;border:1px solid #5a8ca766;color:#d3eaf8;border-radius:14px;box-shadow:0 15px 35px #0006;backdrop-filter:blur(10px);font-size:12px;line-height:1.6;animation:fade-in .2s ease-out}
.toast>svg{color:#7ed4bc}
.toast.error{background:#352235f5;border-color:#a77c9655;color:#ebc5d8}
.toast.error>svg{color:#df9bbd}
.admin-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}
.admin-title h1{font-size:31px;margin:8px 0}
.admin-title p{font-size:12px}
.admin-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;background:#0e1929;border:1px solid #2a3e5966;border-radius:13px;padding:5px;margin-bottom:23px}
.admin-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;font-size:10px;color:#8198b9;border-radius:8px;white-space:nowrap;flex:1}
.admin-tabs>button.active{color:#bcd6ff;background:#2a416759;box-shadow:inset 0 0 0 1px #557ba549}
.admin-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px;color:#9bb0d0;font-size:12px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.admin-stat{padding:21px 17px;position:relative}
.admin-stat>svg{position:absolute;right:16px;top:18px;color:#85acd8}
.admin-stat>span{display:block;font-size:10px;color:#7f96b7;margin-bottom:18px;padding-right:23px}
.admin-stat>strong{display:block;font-size:26px;letter-spacing:-.045em;margin-bottom:10px;overflow-wrap:anywhere}
.admin-stat>small{font-size:8px;color:#526d8f}
.admin-stat.gold>svg{color:#e0bc6c}.admin-stat.pink>svg{color:#d290b4}.admin-stat.violet>svg{color:#9f94e0}
.overview-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:15px;margin:20px 0}
.revenue-chart{padding:22px}
.revenue-chart .section-heading{margin:0 0 14px}
.revenue-chart svg{width:100%;display:block;margin:18px 0 0}
.control-summary{padding:23px}
.control-summary h2{font-size:22px;margin:10px 0 21px}
.summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin:15px 0}
.summary-line>span:first-child{color:#7f96b7}
.control-summary .btn{width:100%;margin-top:10px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 18px}
.panel-heading h3{font-size:16px}
.table-scroll{overflow:auto;width:100%;scrollbar-width:thin;scrollbar-color:#344868 transparent}
table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}
th{color:#728bae;background:#18284055;font-weight:500;font-size:9px;padding:12px 16px;white-space:nowrap}
td{padding:16px;border-bottom:1px solid #283d5954;white-space:nowrap}
tr:last-child td{border-bottom:0}
td>strong{font-size:11px}
td>small{display:block;font-size:9px;margin-top:5px}
td .icon-btn{padding:6px}
.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.admin-toolbar h2{font-size:20px;margin-right:auto}
.admin-toolbar select{max-width:190px;font-size:11px;padding:11px;min-height:40px}
.admin-form{padding:27px;margin:18px 0}
.admin-form>.section-heading{margin:0 0 25px}
.admin-form>.section-heading .art{width:49px;height:49px}
.admin-form h2{font-size:22px;margin-bottom:10px}
.admin-form h3{margin-bottom:17px;font-size:16px}
.admin-form p{font-size:12px}
.price-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 17px}
.price-fields label{font-size:11px;color:#9aacc8;display:flex;flex-direction:column;gap:10px}
.input-suffix{display:flex;align-items:center;border:1px solid #304560;border-radius:11px;background:#0d192d}
.input-suffix:focus-within{border-color:#7194c5}
.input-suffix input{min-width:0;background:none;border:0;box-shadow:none;font-size:14px;font-weight:600}
.input-suffix>span{font-size:11px;color:#7289ad;padding:0 13px}
.admin-form>.btn{margin-top:14px}
.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.provider-card{padding:24px}
.provider-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.provider-heading h3{font-size:17px;margin-bottom:5px}
.provider-heading p{font-size:10px}
.provider-card .pill{margin-bottom:9px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a3b7d5;padding:15px 0;border-bottom:1px solid #30415b70;margin-bottom:17px}
.toggle-row>input{width:18px}
.secret-field{font-size:10px;color:#889fbe;display:block;margin:15px 0}
.secret-field>div{display:flex;align-items:center;gap:7px;margin-top:9px}
.secret-field input{font-size:11px;min-height:39px;padding:11px;flex:1;min-width:0}
.secret-field .icon-btn{height:39px}
.provider-card>.btn{width:100%;margin-top:9px}
.provider-card>.caption{font-size:10px;margin-bottom:0}
.admin-form>label:not(.toggle-row){display:block;font-size:12px;color:#9cb2d1;margin:15px 0}
.admin-form>label input,.admin-form>label textarea{margin-top:9px}
.promo-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:17px;margin:24px 0 10px}
.promo-fields>label{font-size:11px;color:#8fa6c6}
.promo-fields input{margin-top:9px;font-size:13px}
.audit-details{font-size:9px;white-space:normal;min-width:250px;max-width:360px;overflow-wrap:anywhere;color:#8aa1c4}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px 0}
.pagination>span{font-size:11px;color:#647f9f}
.evidence-label{font-size:11px;color:#8fa5c4}
.evidence-label textarea{font-size:12px;margin-top:10px}
.resolve-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.modal-body>.profile-header h2{font-size:24px}
.modal-body>h3{margin:26px 0 13px}
.modal-body .stats-grid{margin:15px 0}
.spin{animation:spin 1.1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes fade-in{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){
  .main-shell{margin-right:auto}
  .hero h1{font-size:47px}
  .hero-art{right:70px;width:330px}
  .hero-art>.art{width:300px}
  .product-tile>.art{right:25px;width:115px}
}
@media(max-width:1200px){
  .sidebar{width:196px;padding-inline:13px}
  .main-shell{margin-left:196px}
  main{padding:24px}
  .topbar{padding:0 24px}
  .demo-strip{margin-inline:24px}
  .hero{padding:30px;min-height:330px}
  .hero h1{font-size:34px}
  .hero-art{width:237px;right:-8px;top:34px}
  .hero-art>.art{width:220px}
  .product-tile{padding:21px}
  .product-tile h3{font-size:19px}
  .product-tile>.art{width:77px;right:8px}
  .product-tile p{max-width:140px;font-size:10px}
  .premium-plan{padding:28px 16px 17px}
  .premium-plan .plan-price{font-size:23px}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  .admin-title{align-items:flex-start}
  .admin-title>.btn{font-size:10px}
  .overview-grid{grid-template-columns:1fr}
  .control-summary{display:none}
  .admin-tabs>button{padding:10px 8px}
}
@media(max-width:960px){
  .sidebar{display:none}
  .main-shell{margin-left:0}
  .topbar{height:79px;position:relative;padding:0 24px}
  .desktop-topline{display:none}
  .mobile-brand{display:block}
  .mobile-brand .brand>img{width:36px;height:36px}
  .mobile-brand .brand>span{font-size:29px}
  main{max-width:760px;padding:25px 24px 115px}
  .demo-strip{max-width:712px;margin:13px auto 0;justify-content:center}
  .topbar-right{gap:11px}
  .bottom-nav{display:flex;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:590px;width:calc(100% - 34px);padding:6px;gap:5px;border:1px solid #4256787d;background:#101b2fea;backdrop-filter:blur(22px);border-radius:21px;z-index:50;box-shadow:0 -5px 35px #070d1a50,0 12px 24px #02040a80}
  .bottom-nav>button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;flex:1;padding:11px 7px;font-size:9px;color:#7289b2;border-radius:15px;border:1px solid transparent}
  .bottom-nav>button.active{color:#aecaff;background:linear-gradient(130deg,#2b48758f,#28477745);border-color:#658dcb35;box-shadow:inset 0 1px #a1c1fe0c}
  .bottom-nav>button.active>svg{filter:drop-shadow(0 0 5px #5297ff54)}
  .bottom-nav>button>i{position:absolute;top:5px;right:12px;width:3px;height:3px;background:#93b5ee;border-radius:50%}
  .toast{bottom:calc(103px + env(safe-area-inset-bottom));max-width:calc(100% - 36px);font-size:11px}
  .hero-art{right:10px}
  .hero h1{font-size:36px}
  .product-tile>.art{width:88px;right:14px}
  .product-tile p{max-width:170px}
  .admin-shell main{max-width:100%;padding-inline:20px}
  .admin-title h1{font-size:29px}
}
@media(max-width:600px){
  .topbar{height:73px;padding:0 18px}
  .mobile-brand .brand>span{font-size:27px}
  .mobile-brand .brand>img{width:36px;height:36px}
  .brand small{font-size:5px;letter-spacing:.8px}
  .topbar-right{gap:8px}
  .top-avatar{display:none}
  .wallet-pill{font-size:10px;gap:6px;padding:8px;border-radius:10px}
  .wallet-pill>svg{width:13px;height:13px}
  .wallet-pill>svg:last-child{width:11px}
  .demo-pill{font-size:7px!important;padding:4px 5px!important}
  .demo-strip{font-size:8px;margin:12px 17px 0;gap:5px;letter-spacing:0;justify-content:flex-start}
  main{padding:22px 17px 111px}
  .greeting-row{margin-bottom:19px}
  .greeting-row h2{font-size:21px}
  .greeting-row .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:6px}
  .greeting-row>.icon-btn{padding:8px}
  .greeting-row .wave{font-size:18px}
  h1{font-size:33px}
  .hero{padding:25px 22px;min-height:328px;border-radius:21px}
  .hero-copy{z-index:2}
  .hero h1{font-size:28px;line-height:1.22;margin:19px 0 14px;max-width:290px;font-weight:710}
  .hero .pill{font-size:7px;padding:5px 7px;letter-spacing:.03em}
  .hero p{font-size:11px;max-width:220px;margin-bottom:22px}
  .hero .btn{font-size:11px;padding:13px 15px;border-radius:11px;min-height:42px;position:relative}
  .hero-foot{font-size:8px;gap:5px;margin-top:13px}
  .hero-foot svg{width:11px;height:11px}
  .hero-art{width:177px;right:-23px;top:100px;bottom:22px;z-index:0;opacity:.91}
  .hero-art>.art{width:169px}
  .orbit-label{font-size:8px;bottom:18px;right:10px;opacity:.7}
  .spark.s1{left:5px;top:18px;font-size:13px}
  .spark.s2{font-size:18px;bottom:10px;right:25px}
  .spark.s3{right:35px;top:6px;font-size:9px}
  .orbital-one{width:270px;height:100px;right:-80px;top:154px}
  .orbital-two{width:260px;height:235px;right:-30px;top:70px}
  .hero::before{right:80px;top:50px}
  .section-heading{margin:26px 0 14px;gap:8px}
  .section-heading h2{font-size:17px}
  .section-heading>.muted{font-size:9px}
  .section-heading .text-link{font-size:10px;gap:5px}
  .quick-grid{gap:11px}
  .product-tile{min-height:211px;display:block;padding:18px 16px;border-radius:18px}
  .product-tile .eyebrow{font-size:6px;letter-spacing:.09em}
  .product-tile h3{font-size:17px;line-height:1.25;max-width:130px;margin:7px 0}
  .product-tile p{font-size:9px;line-height:1.6;max-width:130px}
  .product-tile>.art{width:66px;height:66px;right:13px;bottom:30px}
  .product-tile .tile-price{font-size:9px;gap:4px;position:absolute;top:140px;white-space:nowrap}
  .tile-price>svg{width:12px;height:12px}
  .premium-tile>.art{width:62px;bottom:33px}
  .mini-grid{gap:11px;margin-top:11px}
  .mini-action{padding:15px 13px;flex-wrap:wrap;gap:9px;min-height:125px;align-content:flex-start;position:relative;border-radius:17px}
  .mini-action>.art{width:36px;height:36px}
  .mini-action .signal-icon{width:36px;height:36px;border-radius:10px}
  .mini-action .signal-icon svg{width:19px;height:19px}
  .mini-action>div{flex-basis:100%}
  .mini-action h3{font-size:11px;letter-spacing:-.02em;margin-bottom:5px}
  .mini-action p{font-size:8px;line-height:1.5}
  .mini-action>svg{position:absolute;right:12px;top:19px;width:14px;height:14px}
  .featured-grid{gap:10px}
  .package-card{padding:21px 13px 13px;border-radius:16px}
  .package-card .art{width:43px;height:43px;margin-bottom:12px}
  .package-card h3{font-size:19px}
  .package-card.featured h3>span{display:block;font-size:9px;margin-top:3px}
  .package-card .package-bottom{margin-top:15px}
  .package-bottom strong{font-size:11px}
  .round-arrow{height:23px;width:23px}
  .round-arrow>svg{width:14px;height:14px}
  .featured .round-arrow{display:none}
  .featured .package-tag{font-size:5px;top:7px;right:7px;padding:3px 4px}
  .friends-banner{padding:20px 16px;gap:13px;margin-top:24px;border-radius:18px;flex-wrap:wrap}
  .friends-banner>.art{width:53px}
  .friends-banner>div{flex:1}
  .friends-banner h2{font-size:22px;margin:5px 0}
  .friends-banner .eyebrow{font-size:6px}
  .friends-banner p{font-size:9px;line-height:1.6}
  .friends-banner>.btn{min-height:35px;font-size:10px;width:100%;border-radius:10px;padding:10px;margin-top:3px}
  .footer-note{font-size:8px;margin:25px 0 0}
  .footer-note img{width:18px}
  .page-title{margin:1px 0 24px}
  .page-title .eyebrow{font-size:8px}
  .page-title h1{font-size:31px;margin:10px 0}
  .page-title p{font-size:11px}
  .catalog-tabs{border-radius:13px;padding:5px;margin-bottom:18px;gap:4px}
  .catalog-tabs button{padding:11px 7px;font-size:11px;gap:7px;border-radius:8px}
  .catalog-tabs button svg{width:17px;height:17px}
  .catalog-hero{padding:24px 21px;border-radius:18px;margin-bottom:18px;overflow:hidden;min-height:195px}
  .catalog-hero h2{font-size:24px;margin:13px 0 10px;line-height:1.2;max-width:240px}
  .catalog-hero p{font-size:10px}
  .catalog-hero>.art{width:92px;height:100px;margin-right:0;position:absolute;right:12px;bottom:35px;opacity:.95}
  .catalog-hero>div{position:relative;z-index:1;max-width:85%}
  .catalog-hero.purple,.catalog-hero.pink{min-height:205px}
  .catalog-hero .pill{font-size:7px}
  .rate-tag{font-size:10px;margin-top:15px;gap:5px}
  .rate-tag>svg{width:12px;height:12px}
  .group-tabs{gap:6px;margin-bottom:17px}
  .group-tabs>button{font-size:9px;padding:9px 10px;flex:1;border-radius:8px}
  .packages-grid{grid-template-columns:repeat(2,1fr);gap:11px}
  .packages-grid .package-card{padding:21px 16px 15px}
  .packages-grid .package-card>.art{height:52px;width:52px;margin:4px 0 13px}
  .packages-grid h3{font-size:23px}
  .packages-grid .package-card>p{font-size:9px}
  .packages-grid .package-bottom{margin-top:19px}
  .package-tag{font-size:6px;right:9px;top:9px;padding:3px 5px}
  .custom-card .custom-icon{height:41px;margin:5px 0 15px}
  .custom-card h3{font-size:18px}
  .custom-card p{font-size:10px}
  .custom-card input{font-size:11px;padding:8px 9px;margin-top:12px}
  .custom-card .btn{min-height:33px;font-size:10px}
  .trust-line{font-size:9px;padding:13px 14px;gap:8px;line-height:1.7}
  .premium-grid{grid-template-columns:1fr;gap:14px}
  .premium-plan{padding:24px 23px;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;position:relative}
  .premium-plan .art{position:absolute;right:26px;top:31px;width:81px;height:81px}
  .premium-plan .eyebrow{grid-column:1/-1;font-size:7px;margin-top:3px}
  .premium-plan h3{grid-column:1/-1;font-size:24px;margin-top:12px}
  .premium-plan .plan-price{font-size:29px;margin:5px 0;grid-column:1/-1}
  .premium-plan .muted{grid-column:1/-1;font-size:10px}
  .premium-plan .plan-divider{grid-column:1/-1;margin:18px 0}
  .premium-plan .plan-feature{font-size:9px;margin:0 0 7px}
  .premium-plan .plan-feature:nth-last-child(2){grid-column:1/-1}
  .premium-plan .btn{grid-column:1/-1;font-size:11px;margin-top:12px}
  .premium-plan.selected{padding-top:32px}
  .premium-plan.selected .art{top:41px}
  .plan-label{font-size:7px}
  .search-field{margin-bottom:16px;padding:0 11px}
  .search-field>input{font-size:10px;min-height:42px}
  .gifts-grid{grid-template-columns:repeat(2,1fr);gap:11px}
  .gift-card{padding:18px 15px 14px;border-radius:17px}
  .gift-card>.art{height:95px;width:95px;margin-bottom:14px}
  .gift-card>h3{font-size:11px;min-height:29px;line-height:1.35}
  .gift-card .package-bottom{margin-top:12px}
  .caption{font-size:10px;line-height:1.8}
  .referral-hero{padding:24px 20px;gap:18px}
  .referral-hero>.art{width:79px;height:79px}
  .referral-hero h2{font-size:24px;margin:10px 0}
  .referral-hero p{font-size:10px}
  .referral-hero .pill{font-size:7px}
  .stats-grid{gap:11px;margin:15px 0}
  .stat{padding:20px 17px;gap:7px;border-radius:17px}
  .stat>strong{font-size:25px}
  .stat>span{font-size:10px}
  .stat>svg{height:20px;width:20px;margin-bottom:5px}
  .referral-link{padding:20px}
  .referral-link>label{font-size:12px}
  .copy-field>span{font-size:10px}
  .copy-field{padding:9px 8px 9px 12px}
  .referral-link>.btn{font-size:12px;min-height:44px;padding:13px}
  .simple-row{padding:16px}
  .simple-row>div>strong{font-size:11px}
  .simple-row>div>small{font-size:9px}
  .simple-row>strong:last-child{font-size:10px}
  .mission-hero{padding:24px}
  .mission-hero>.art{width:128px;height:128px}
  .mission-hero h2{font-size:23px}
  .mission-hero p{font-size:11px}
  .daily{padding:21px 17px}
  .daily .section-heading h2{font-size:15px;gap:6px}
  .daily .section-heading h2>svg{width:16px}
  .daily .pill{font-size:8px;padding:5px 7px}
  .daily>p{font-size:10px}
  .daily .btn{font-size:11px;min-height:45px;padding:13px 10px}
  .daily>small{font-size:8px}
  .days{gap:5px;margin-top:19px}
  .days>div{padding:11px 3px;gap:7px;border-radius:9px}
  .days>div>svg{width:16px;height:16px}
  .days>div>span{font-size:7px}
  .achievement-grid{gap:8px}
  .achievement{padding:17px 7px;border-radius:15px}
  .achievement>.art{height:55px;width:55px;margin-bottom:13px}
  .achievement h3{font-size:10px;min-height:27px;line-height:1.4}
  .achievement p{font-size:8px}
  .achievement .pill{font-size:6px;padding:5px}
  .achievement .pill>svg{height:9px;width:9px}
  .profile-header{gap:13px;margin-bottom:23px}
  .avatar.large{width:54px;height:54px;border-radius:17px;font-size:24px}
  .profile-header h1{font-size:24px}
  .profile-header p{font-size:10px}
  .profile-header p .pill{font-size:6px;margin-left:5px;padding:4px 5px}
  .profile-header>.icon-btn{padding:8px}
  .profile-header>.icon-btn>svg{height:17px;width:17px}
  .balance-card{padding:25px 21px;gap:22px}
  .balance-card .eyebrow{font-size:8px}
  .balance-card h2{font-size:38px;margin:10px 0 8px}
  .balance-card p{font-size:9px;max-width:230px}
  .balance-card>.art{position:absolute;top:29px;right:15px;width:81px;height:81px}
  .balance-card>div{position:relative;z-index:1}
  .balance-card>.btn{min-height:45px;font-size:12px;padding:13px}
  .order-row{padding:16px 13px;gap:10px}
  .order-art{height:37px;width:37px;border-radius:11px;padding:5px}
  .order-main strong{font-size:11px}
  .order-main small{font-size:8px}
  .order-side strong{font-size:10px}
  .order-side small{font-size:8px}
  .order-row>svg{display:none}
  .settings-links>a,.settings-links>button{font-size:11px;padding:16px}
  .settings-links>a>svg,.settings-links>button>svg{height:17px;width:17px}
  .empty{padding:33px 20px}
  .empty>.art{width:68px;height:68px;margin-bottom:18px}
  .empty h3{font-size:14px}
  .empty p{font-size:10px}
  .gate{padding:28px 21px;margin:6px auto}
  .gate h1{font-size:27px}
  .gate>.eyebrow{font-size:8px}
  .gate>p{font-size:11px}
  .gate-mascot{width:128px;margin-bottom:22px}
  .gate-step{gap:12px;margin-top:22px}
  .gate-step h3{font-size:13px}
  .gate-step p{font-size:10px}
  .gate .checkbox{font-size:10px}
  .gate>.btn{font-size:12px}
  .modal-overlay{align-items:flex-end;padding:0;background:#030812c9}
  .modal{max-height:94dvh;border-radius:24px 24px 0 0;max-width:100%;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  .modal-handle{display:block;width:32px;height:4px;border-radius:99px;background:#465576;margin:9px auto 0}
  .modal-header{padding:16px 20px;top:0;border-radius:24px 24px 0 0}
  .modal-header h2{font-size:19px}
  .modal-header>.icon-btn{padding:6px}
  .modal-body{padding:20px}
  .checkout-product{gap:14px;margin-bottom:15px}
  .checkout-product-art{padding:9px;border-radius:17px}
  .checkout-product-art .art{width:49px;height:49px}
  .checkout-product h3{font-size:18px}
  .checkout-product p{font-size:9px}
  .notice{font-size:10px;padding:12px 13px;line-height:1.7;gap:9px}
  .checkout-section{margin:22px 0}
  .payment-method{padding:12px}
  .payment-method strong{font-size:11px}
  .payment-method small{font-size:8px}
  .payment-icon{width:35px;height:35px;border-radius:10px}
  .checkout-footer{padding:17px 20px 20px}
  .total-line>strong{font-size:25px}
  .checkout-footer>.btn{font-size:12px;min-height:47px;padding:14px}
  .secure-caption{font-size:8px}
  .consent-checkbox{font-size:9px}
  .state-illustration{margin-top:5px}
  .order-state h2{font-size:25px}
  .order-state>p{font-size:11px}
  .order-state>.btn{font-size:12px;min-height:46px}
  .receipt>div{font-size:10px}
  .receipt .receipt-total>strong{font-size:21px}
  .receipt-total{font-size:12px!important}
  .admin-title{align-items:flex-start;flex-direction:column;gap:15px}
  .admin-title h1{font-size:29px}
  .admin-title>.btn{font-size:10px;min-height:37px;padding:10px 12px}
  .admin-tabs{margin-bottom:19px;gap:4px}
  .admin-tabs>button{padding:9px 10px;font-size:9px;flex:none}
  .admin-tabs>button>svg{width:14px;height:14px}
  .admin-stats{gap:10px}
  .admin-stat{padding:19px 14px}
  .admin-stat>svg{right:12px;top:14px;width:16px;height:16px}
  .admin-stat>span{font-size:8px;padding-right:15px;margin-bottom:15px}
  .admin-stat>strong{font-size:23px;margin-bottom:9px}
  .admin-stat>small{font-size:6px}
  .overview-grid{margin:15px 0}
  .revenue-chart{padding:19px 15px}
  .revenue-chart h3{font-size:14px}
  .revenue-chart p{font-size:8px}
  .revenue-chart .caption{font-size:8px}
  .panel-heading{padding:19px 16px}
  .panel-heading h3{font-size:14px}
  .panel-heading .text-link{font-size:9px}
  td{padding:14px 12px}
  th{padding:11px 12px;font-size:8px}
  table{font-size:10px}
  .admin-toolbar h2{font-size:17px}
  .admin-toolbar select{max-width:140px;font-size:9px;min-height:37px;padding:9px}
  .admin-toolbar .icon-btn{padding:8px}
  .admin-form{padding:22px 17px}
  .admin-form h2{font-size:20px}
  .admin-form p{font-size:10px}
  .price-fields{grid-template-columns:1fr 1fr;gap:19px 12px}
  .price-fields label{font-size:9px}
  .input-suffix input{font-size:12px;padding:11px;min-height:42px}
  .input-suffix>span{font-size:9px;padding-right:10px}
  .provider-grid{grid-template-columns:1fr;gap:14px}
  .provider-card{padding:22px 20px}
  .provider-heading h3{font-size:16px}
  .provider-heading p{font-size:9px}
  .promo-fields{grid-template-columns:1fr 1fr;gap:16px 12px}
  .promo-fields>label:first-child{grid-column:1/-1}
  .promo-fields>label{font-size:10px}
  .admin-form>.btn{font-size:11px}
  .pagination{gap:15px}
  .pagination>.btn{font-size:10px}
  .legal-page{padding:27px 22px}
  .legal-page h1{font-size:25px}
  .legal-page p{font-size:12px}
}
@media(max-width:365px){
  .topbar{padding-inline:14px}
  .mobile-brand .brand small{display:none}
  .mobile-brand .brand>img{width:30px}
  .mobile-brand .brand>span{font-size:25px}
  main{padding-inline:14px}
  .demo-strip{font-size:7px;margin-inline:14px}
  .hero{padding:23px 19px}
  .hero h1{font-size:25px}
  .hero-art{width:144px;right:-28px;top:124px}
  .hero-art>.art{width:144px}
  .hero p{font-size:10px}
  .hero-foot{font-size:7px}
  .section-heading h2{font-size:15px}
  .product-tile{padding:17px 12px}
  .product-tile h3{font-size:16px}
  .product-tile>.art{width:55px;right:9px;bottom:32px}
  .product-tile .tile-price{font-size:8px}
  .mini-action{padding:13px 11px}
  .mini-action h3{font-size:10px}
  .mini-action p{font-size:7px}
  .package-card{padding-inline:11px}
  .package-bottom strong{font-size:10px}
  .catalog-hero h2{font-size:22px}
  .catalog-hero>.art{width:74px;right:4px}
  .group-tabs>button{font-size:8px;padding-inline:9px}
  .balance-card>.art{width:65px;right:12px}
  .profile-header p .pill{display:none}
  .admin-stats .admin-stat>strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media(max-width:600px){
  .product-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:225px;align-content:start}
  .product-tile>div{width:100%}
  .product-tile>.art{width:60px;height:60px;bottom:46px;right:12px}
  .product-tile .tile-price{top:174px}
}

/* Legacy support layout retained; recolored and adapted for Side VPN. */
.support-page,.admin-support{min-width:0}
.support-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}
.support-hero h1{margin:12px 0 9px}
.support-hero .art{width:132px;height:132px;filter:drop-shadow(0 5px 24px #4776ff35)}
.support-hero .eyebrow{display:flex;align-items:center;gap:9px}
.support-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:8px 0 28px}
.support-target{font-size:12px;color:#b5c5e1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:250px}
.support-target small{font-size:10px;width:100%;padding-left:22px}
.support-empty{padding:38px 24px;text-align:center}
.support-empty>svg{margin:0 auto 14px;color:#a0b8ff}
.support-empty h3{margin-bottom:10px}
.ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ticket-card{padding:20px;text-align:left;transition:border-color .18s,transform .18s;min-width:0}
.ticket-card:hover{border-color:#799aff80;transform:translateY(-2px)}
.ticket-card.unread{border-color:#6088eab3;background:linear-gradient(135deg,#162b4c,#101a2d)}
.ticket-card h3{margin:15px 0 8px;overflow-wrap:anywhere;line-height:1.45}
.ticket-card p{font-size:12px;overflow-wrap:anywhere}
.ticket-card-top,.ticket-card-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ticket-card-bottom{margin-top:18px}.ticket-card-bottom svg{margin-left:auto}
.ticket-number{font-size:12px;font-weight:650;color:#b7c7e7}
.ticket-status{display:inline-flex;align-items:center;white-space:nowrap;gap:5px;border-radius:7px;font-size:10px;font-weight:600;padding:5px 8px;line-height:1.2;background:#3b425c50;color:#adb9cd}
.ticket-status.open{color:#b5ccff;background:#456ec62b}
.ticket-status.in_progress{color:#c9adff;background:#7950ce2b}
.ticket-status.waiting_user{color:#f0ce90;background:#8a602a2b}
.ticket-status.resolved{color:#88e1c1;background:#369b6d24}
.ticket-status.closed{color:#9ba8bd;background:#58658225}
.unread-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;min-width:20px;height:20px;padding:0 5px;font-size:10px;background:#799cff;color:#071022;font-weight:750}
.priority{font-size:10px;color:#99aac6}.priority.high{color:#e9bd83}.priority.urgent,.late{color:#ffa0b6!important}
.faq-section{margin-top:34px}
.faq-item{padding:0;margin-top:9px}
.faq-item summary{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary svg{transform:rotate(45deg)}
.faq-item p{padding:0 20px 20px;font-size:13px}
.ticket-create{padding:26px}
.ticket-create>h2{margin:24px 0 9px}
.ticket-create form{display:flex;flex-direction:column;gap:18px;margin-top:25px}
.ticket-create label,.staff-controls label,.legal-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#afbed7}
.ticket-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ticket-create label.checkbox{flex-direction:row;align-items:center;font-size:12px}
.ticket-create .caption{margin:0}
.ticket-uploads{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ticket-uploads>small{font-size:10px}
.ticket-uploads input[hidden]{display:none}
.upload-chips{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.upload-chips>span{display:inline-flex;gap:5px;align-items:center;font-size:11px;background:#1f304c;padding:6px 7px;border-radius:7px;overflow-wrap:anywhere;max-width:100%}
.upload-chips button{padding:3px}
.composer-meta{display:flex;justify-content:space-between;gap:12px;margin-top:-4px}
.composer-meta small{font-size:10px}
.ticket-thread{overflow:hidden}
.ticket-thread-head{padding:22px 24px 18px;border-bottom:1px solid #29354b}
.ticket-title-line{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.ticket-title-line>.icon-btn{margin-left:auto}
.ticket-thread h2{font-size:25px;line-height:1.4;overflow-wrap:anywhere;margin:10px 0}
.ticket-caption{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.ticket-person{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap;font-size:12px}
.ticket-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;width:100%;text-align:left;border:1px solid #34466a;border-radius:12px;margin-top:15px;background:#182640}
.ticket-order small{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:3px}
.ticket-order strong{font-size:13px}
.response-deadline{display:flex;gap:7px;align-items:center;margin-top:14px;font-size:11px}
.staff-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.staff-controls label{font-size:10px}.staff-controls select{font-size:12px;padding:10px}
.staff-controls>.btn{grid-column:1/-1;justify-self:start}
.ticket-messages{background:linear-gradient(180deg,#090f1e88,#0c142266);padding:24px;display:flex;flex-direction:column;gap:18px;max-height:540px;min-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#38517c #0e1729;overscroll-behavior:contain}
.ticket-message{max-width:88%;min-width:165px;align-self:flex-start;padding:14px 17px;border-radius:15px 15px 15px 4px;background:#18253d;border:1px solid #2d3e5d}
.ticket-message.from-user{align-self:flex-end;border-radius:15px 15px 4px 15px;background:linear-gradient(130deg,#22385a,#263752);border-color:#49669666}
.ticket-message.from-staff{background:linear-gradient(135deg,#27314d,#222343);border-color:#716bad55}
.ticket-message.internal{max-width:100%;align-self:stretch;border:1px dashed #b98f4966;background:#3a302b66}
.ticket-message>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px;color:#e0e8f8;margin-top:8px}
.ticket-message>small{display:flex;align-items:center;gap:5px;font-size:10px;color:#d5b57e;margin-top:5px}
.message-meta{display:flex;align-items:center;justify-content:space-between;gap:18px}
.message-meta strong{font-size:10px;color:#a5bded}
.message-meta time{font-size:9px;color:#8da0c0;white-space:nowrap}
.ticket-message.internal .message-meta strong{color:#dfbd89}
.system-message{font-size:10px;color:#7c8ea8;text-align:center;padding:2px 0}
.message-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ticket-attachment{border-radius:9px;overflow:hidden;max-width:155px;min-width:85px;border:1px solid #4a608d55;padding:0;text-align:left}
.ticket-attachment>img{width:100%;height:105px;object-fit:cover}
.ticket-attachment>span{font-size:9px;display:block;padding:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-zoom img{max-height:78dvh;object-fit:contain;margin:auto}
.attachment-error{font-size:10px}
.older-messages{align-self:center}
.ticket-composer{padding:22px 24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #29364e}
.ticket-composer textarea{min-height:115px;resize:vertical;font-size:13px}
.ticket-composer>select{font-size:12px}
.composer-tabs{display:flex;gap:8px;flex-wrap:wrap}
.composer-tabs button{padding:8px 12px;border-radius:9px;display:flex;gap:7px;align-items:center;font-size:11px;color:#98accb;border:1px solid transparent}
.composer-tabs button.active{background:#23416966;border-color:#668fcd60;color:#c9deff}
.internal-composer{background:#43322622}.internal-composer .composer-tabs button.active{background:#63492955;border-color:#a27c4666;color:#e9cfab}
.internal-warning{font-size:11px;color:#d0b585;padding:8px 10px;border-left:2px solid #ad8750}
.after-reply{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.after-reply select{font-size:12px;max-width:220px}
.composer-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:4px}
.composer-submit .btn{min-width:200px}
.composer-submit .text-link{font-size:11px}
.thread-error{padding:15px 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#ffd1da;font-size:12px;background:#762e392f}
.ticket-actions{padding:17px 24px;border-top:1px solid #29364e;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ticket-actions .checkbox{font-size:11px}
.ticket-resolution{display:flex;gap:15px;padding:22px 24px;background:#16433b33;border-top:1px solid #46796233}
.ticket-resolution>svg{color:#8fe2c5}
.ticket-resolution h3{font-size:16px}
.ticket-resolution p{font-size:12px}
.rating-stars{display:flex;gap:4px;margin:12px 0}
.rating-stars button{padding:4px;color:#5c6e83}
.rating-stars button.filled{color:#ffd47b}
.rating-stars button.filled svg{fill:#ffce75}
.ticket-resolution input{font-size:12px;margin-bottom:10px}
.ticket-resolution small{display:block;margin-top:8px}
.support-queue-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.support-queue-stats>button{padding:20px;text-align:left}
.support-queue-stats strong{display:block;font-size:27px;color:#b5caff;margin-bottom:6px}
.support-queue-stats span{font-size:11px;color:#99accb}
.queue-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-bottom:18px;align-items:center}
.queue-filters .search-field{margin:0}
.queue-filters input,.queue-filters select{font-size:12px}
.queue-filters .checkbox{font-size:11px;min-height:32px}
.queue-filters .search-field input{min-width:0}
.stock-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #354b7344;border-radius:12px;padding:13px 17px;margin:15px 0 18px;color:#b1c7e7;font-size:12px;background:#172c452f}
.stock-strip>span:not(.live-dot){font-size:10px;color:var(--muted)}
.stock-strip .paused{background:#f093ae}
.package-card:disabled{filter:saturate(.3);opacity:.4;transform:none!important}
.stock-summary{padding:18px;display:flex;align-items:center;gap:12px;border-radius:13px;background:#294b6a33;color:#c3d4f3;font-size:12px;margin:22px 0 12px}
.stock-summary>svg{color:#f7cf83}
.limits-actions,.legal-preview-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.limits-form .price-fields small{display:block;font-size:10px;margin-top:6px}
.limits-form .section-heading .art{width:72px}
.legal-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.legal-fields input,.legal-fields textarea{font-size:12px}
.legal-preview-links{margin-top:20px;font-size:12px}
.legal-document .legal-version{font-size:11px;margin-top:12px;color:var(--subtle)}
.legal-document .notice{margin:24px 0}
.legal-document .legal-toc{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px;border:1px solid #2f405f;background:#17273c66;border-radius:15px;margin:24px 0}
.legal-toc a{font-size:11px;line-height:1.5}
.legal-document>section{margin:30px 0;scroll-margin-top:24px}
.legal-document>section h2{font-size:20px;margin-bottom:12px;line-height:1.35}
.legal-document>section p{font-size:13px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.legal-footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}
.save-template{display:flex;gap:10px;align-items:center}
.save-template input{font-size:12px}
.order-support-link{justify-content:center;margin:14px auto}
.gift-availability{display:inline-flex;margin:8px 0 15px;font-size:11px;color:#a8bddd}
.gift-card.cs-bear-card .art{width:160px;height:160px;margin:10px auto 20px}
.cs-bear-card{max-width:320px}
@media(max-width:800px){
 .ticket-list{grid-template-columns:1fr}.support-hero h1{font-size:32px}
 .support-hero .art{width:100px;height:100px}
 .queue-filters{grid-template-columns:1fr 1fr}.queue-filters .search-field{grid-column:1/-1}
 .support-queue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-controls{grid-template-columns:1fr 1fr}.staff-controls label:last-of-type{grid-column:1/-1}
}
@media(max-width:480px){
 .support-hero{gap:6px;margin-top:4px}.support-hero h1{font-size:27px}.support-hero p{font-size:12px}
 .support-hero .art{width:78px;height:78px}
 .support-actions{gap:16px}.support-actions>.btn{width:100%;justify-content:center}
 .support-target{font-size:11px;max-width:none}.support-target small{font-size:9px;width:auto;padding-left:0}
 .ticket-create,.ticket-thread-head,.ticket-composer{padding:18px 16px}
 .ticket-create h2,.ticket-thread h2{font-size:22px}
 .ticket-form-grid,.legal-fields,.legal-document .legal-toc{grid-template-columns:1fr}
 .ticket-create>form{gap:16px}
 .ticket-messages{padding:20px 12px;max-height:470px}
 .ticket-message{max-width:94%;min-width:135px;padding:12px}
 .message-meta{gap:10px}.message-meta time{font-size:8px}
 .ticket-message>p{font-size:12px}
 .ticket-actions{padding:16px;gap:16px}
 .composer-submit>.btn{width:100%}
 .composer-submit{gap:16px}
 .ticket-card{padding:18px}
 .ticket-resolution{padding:18px 15px;gap:10px}
 .ticket-uploads>small{font-size:9px}
 .support-queue-stats>button{padding:15px}
 .legal-document>section h2{font-size:18px}
 .legal-document .legal-toc{padding:15px}
 .stock-strip{font-size:11px;padding:12px}
 .limits-actions>.btn{width:100%;justify-content:center}
 .queue-filters{grid-template-columns:1fr}.queue-filters .search-field{grid-column:auto}
 .ticket-actions .checkbox{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.ticket-card{transition:none}.ticket-messages{scroll-behavior:auto}}

.gift-candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:480px;overflow:auto;margin:16px 0}
.gift-candidate{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border:1px solid #2c3e5f;border-radius:12px;font-size:12px}
.candidate-preview{width:95px;height:95px;object-fit:contain;display:flex;align-items:center;justify-content:center}
.candidate-preview>.art{width:75px}

.limits-form .price-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.limits-form .toggle-row input[type=checkbox]{appearance:none;position:relative;width:44px;height:26px;padding:0;border:1px solid #40557b;border-radius:30px;background:#18253d;cursor:pointer;flex-shrink:0;transition:background .2s}
.limits-form .toggle-row input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#adc0e0;transition:transform .2s}
.limits-form .toggle-row input[type=checkbox]:checked{background:#6353bc;border-color:#947def}
.limits-form .toggle-row input[type=checkbox]:checked::before{transform:translateX(18px);background:#fff}
.limits-form .toggle-row input[type=checkbox]:focus-visible{outline:2px solid #a9c5ff;outline-offset:3px}
@media(max-width:480px){.limits-form .price-fields{grid-template-columns:1fr}}

/* Legacy admin layout retained for Side VPN control modules. */
input[type=checkbox]{
 appearance:none;-webkit-appearance:none;position:relative;display:inline-block;
 width:23px;height:23px;min-width:23px;min-height:23px;margin:0;
 border:1px solid #55709d;border-radius:8px;background:linear-gradient(145deg,#172a45,#111b30);
 transition:background .18s,border-color .18s,box-shadow .18s;vertical-align:middle;cursor:pointer;
}
input[type=checkbox]:checked{background:linear-gradient(135deg,#7b60ef,#329fd0);border-color:#a398ff;box-shadow:0 0 15px #6d61ef35}
input[type=checkbox]:checked::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
input[type=checkbox]:focus-visible{outline:2px solid #b1c7ff;outline-offset:4px}
input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.limits-form .toggle-row input[type=checkbox]::after{display:none}
.checkbox,.choice-consent{display:flex!important;gap:13px;align-items:flex-start;cursor:pointer}
.gate .checkbox,.consent-checkbox,.choice-consent{
 padding:16px;border:1px solid #33466b7a;border-radius:15px;background:linear-gradient(120deg,#19284290,#24224455);
 font-size:12px;line-height:1.6;color:#afc3e4;transition:border-color .2s,background .2s;
}
.choice-consent:has(input:checked),.gate .checkbox:has(input:checked){border-color:#8273d591;background:linear-gradient(120deg,#2d27566b,#1831458a)}
.choice-consent>span{min-width:0;display:flex;flex-direction:column;gap:5px}
.choice-consent strong{font-size:14px;color:#e1eaff}
.choice-consent small{font-size:12px;color:#93aacb;line-height:1.7}
.choice-consent.compact{font-size:12px;padding:12px}
.field-title{display:block;font-size:12px;color:#a7bad9;margin:0 0 9px}
.star-select{position:relative;min-width:0;margin:12px 0}
.choice-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:13px 16px;text-align:left;background:linear-gradient(130deg,#18283f,#151d35);border:1px solid #334a6e;border-radius:13px;color:#dce7fc;font:inherit;cursor:pointer}
.choice-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.choice-trigger svg{flex-shrink:0;transform:rotate(90deg);transition:transform .2s}
.choice-trigger.is-open{border-color:#9a89ed}
.choice-trigger.is-open svg{transform:rotate(-90deg)}
.choice-options{position:absolute;top:100%;left:0;right:0;z-index:35;padding:7px;margin-top:7px;border:1px solid #556597;border-radius:15px;background:#141f37;box-shadow:0 20px 60px #030918bb;max-height:275px;overflow:auto}
.choice-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;width:100%;text-align:left;background:transparent;color:#b4c7e7;border:0;border-radius:9px;cursor:pointer;font:inherit;font-size:12px}
.choice-options button:hover,.choice-options button:focus-visible{background:#273452;outline:1px solid #7189bf}
.choice-options button[aria-selected=true]{background:linear-gradient(120deg,#47408388,#20587755);color:white}
.topic-picker{border:0;padding:0;margin:10px 0 24px}
.topic-picker legend{font-weight:700;font-size:17px;color:#e6edff;margin-bottom:14px}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.topic-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:126px;text-align:left;border:1px solid #2b3d5e;border-radius:17px;background:linear-gradient(145deg,#17263f,#111b2e);color:#adbed9;padding:17px 14px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.topic-option:hover{border-color:#5876b7;transform:translateY(-2px)}
.topic-option.selected{background:linear-gradient(140deg,#3f376a88,#18416170);border-color:#917eee;box-shadow:0 0 0 1px #8575e044,0 9px 25px #080d2255}
.topic-option strong{font-size:13px;color:#e1ebff}
.topic-option small{font-size:10px;color:#8dabc9;line-height:1.4}
.topic-icon{font-size:27px;line-height:1;margin-bottom:4px;color:#95cfff;text-shadow:0 0 18px #54bdf87a}
.topic-icon.premium,.topic-icon.gift{color:#c99dfd;text-shadow:0 0 18px #9f5efd90}
.topic-icon.delivery{color:#ffdd81}
.topic-check{position:absolute;right:10px;top:10px;color:#e3ddff}
.file-card{display:flex;align-items:center;gap:12px;border:1px solid #5773a750;background:linear-gradient(120deg,#20344e,#272a48);border-radius:13px;padding:13px;color:#dae7ff;text-align:left;max-width:100%;cursor:pointer}
.file-card .file-icon{padding:8px;border-radius:10px;background:#9ab3ee20;color:#b8c9fa}
.file-card strong{display:block;font-size:12px;overflow-wrap:anywhere}
.file-card small{display:block;font-size:10px;color:#a1b5d2;margin-top:4px}
.file-card>svg{flex-shrink:0}
.uploads{min-width:0}
.uploads>.caption{max-width:580px}
.level-road{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 25px}
.level-stop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 7px;border-radius:14px;background:#152039;border:1px solid #273a5b;color:#8399bc;text-align:center}
.level-stop>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#243352;color:#7d97bf}
.level-stop strong{font-size:12px}.level-stop small{font-size:10px}
.level-stop.unlocked{color:#ddd8ff;border-color:#7763bd}
.level-stop.unlocked>span{background:linear-gradient(145deg,#8765e9,#2e97c4);color:white}
.coupon-grid,.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 34px}
.coupon-card{position:relative;overflow:hidden;border:1px solid #675e9b80;border-radius:21px;padding:25px;background:radial-gradient(ellipse at 100% 0,#51318565,transparent 75%),linear-gradient(130deg,#192d46,#151e35)}
.coupon-card::before,.coupon-card::after{content:"";position:absolute;top:67%;width:19px;height:19px;background:#0b1223;border:1px solid #675e9b80;border-radius:50%}
.coupon-card::before{left:-11px}.coupon-card::after{right:-11px}
.coupon-top{display:flex;gap:8px;justify-content:space-between;align-items:center}
.coupon-top .eyebrow{font-size:9px;letter-spacing:.13em}
.coupon-value{display:flex;align-items:center;gap:19px;margin:24px 0 13px}
.coupon-value>strong{font-size:53px;line-height:1;color:#c8b6ff;letter-spacing:-.06em}
.coupon-value em{font-size:26px;font-style:normal;letter-spacing:0}
.coupon-value h3{font-size:17px;margin:0 0 4px}.coupon-value p{margin:0;font-size:12px;color:#96abcc}
.coupon-terms{font-size:11px;line-height:1.9;color:#a0b6d7;margin:0 0 19px}
.coupon-code{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;font-family:ui-monospace,monospace;letter-spacing:.11em;background:#080f2280;border:1px dashed #8d7fd073;border-radius:10px;padding:12px 15px;color:#d5c4ff;font-size:13px;cursor:pointer}
.coupon-card>.btn{margin-top:13px;width:100%}
.coupon-card.expired,.coupon-card.used{opacity:.58}
.campaign-card{position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 95% 0,#494eaa60,transparent 70%),#131f35;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.campaign-card.weekend{background:radial-gradient(circle at 95% 0,#1885a660,transparent 75%),#111e35}
.campaign-card.comeback{background:radial-gradient(circle at 95% 0,#a75ca350,transparent 75%),#171d35}
.campaign-card h3{font-size:21px;margin:0}.campaign-card p{margin:0;max-width:90%;font-size:12px;line-height:1.7}
.campaign-card small{color:#97abc9;line-height:1.8;font-size:11px}
.campaign-card>.btn{margin-top:auto;width:100%;font-size:12px}
.campaign-orb{position:absolute;top:20px;right:20px;color:#b6a4f0;opacity:.5;transform:rotate(12deg)}
.reward-empty{padding:25px;text-align:center}.reward-empty img{width:85px;margin:auto}.reward-empty p{font-size:12px;color:#91a9c7}
.rewards-area{margin-top:34px}
.preference-card,.partner-section{padding:25px;margin:22px 0}
.preference-card h2{margin:10px 0 20px}.preference-card .choice-consent{margin:12px 0}
.partner-section>p{font-size:12px;line-height:1.8}
.partner-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.partner-task{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #354e7255;border-radius:14px;background:#17263d}
.partner-task h3{font-size:14px}.partner-task>div{display:flex;flex-direction:column;gap:9px}
.partner-task .text-link{overflow-wrap:anywhere;font-size:11px}
.document-editor{margin-bottom:24px}
.document-editor .segmented{max-width:600px;margin:18px 0}
.doc-section{border:1px solid #344769;border-radius:13px;padding:0 15px;background:#101d31;margin:10px 0}
.doc-section summary{display:flex;justify-content:space-between;gap:15px;padding:16px 0;cursor:pointer;font-size:13px;color:#c8d7ef}
.doc-section label{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-size:12px}
.doc-section textarea{font-size:12px;line-height:1.8}
.doc-section>.text-link{margin-bottom:15px}
.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.admin-form .choice-consent{margin:18px 0}
.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}
.network-card{padding:22px;border:1px solid #3b4f7655;border-radius:19px;background:linear-gradient(140deg,#1b2a45,#111e33);min-width:0}
.network-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.network-head h3{margin:0 0 4px}.network-head small{font-size:11px;color:#829abb}
.network-icon{display:grid;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;border-radius:12px;background:linear-gradient(130deg,#5875e3,#459ec1);color:white}
.network-icon.subgram{background:linear-gradient(130deg,#8562c9,#4d5dbe)}.network-icon.flyer{background:linear-gradient(130deg,#a46abc,#477bc1)}
.network-card input[type=password]{font-size:11px}
.network-card>.text-link{display:inline-flex;margin:8px 12px 0 0;font-size:11px}
.broadcast-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.broadcast-columns label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:13px 0}
.message-preview{background:radial-gradient(circle at 70% 25%,#30406c50,transparent),#0a1427;border-radius:20px;padding:23px;align-self:start;min-height:245px;margin-top:15px}
.message-preview small{display:block;font-size:10px;line-height:1.7;color:#839abb;margin-top:16px}
.telegram-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:19px;margin-top:22px;border-radius:18px 18px 18px 4px;border:1px solid #506bac55;background:linear-gradient(130deg,#25365b,#34315f);font-size:13px;line-height:1.9;color:#e4e9ff}
.emoji-tools{display:flex;gap:8px;align-items:center}
.emoji-tools input{min-width:0;font-size:12px}.emoji-tools .fallback-emoji{width:62px;flex-shrink:0}
.broadcast-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #293a5555}
.broadcast-row>div:first-child{min-width:0}.broadcast-row h3{margin:9px 0}
.broadcast-row p{white-space:pre-wrap;font-size:12px;color:#92a8ca}.broadcast-row small{font-size:10px;color:#87a6cb}
.broadcast-row>.action-row{max-width:270px;flex-shrink:0}
.admin-tabs{overflow-x:auto;flex-wrap:wrap}
.file-card:focus-visible,.topic-option:focus-visible,.coupon-code:focus-visible{outline:2px solid #c2bbff;outline-offset:3px}
@media(max-width:800px){
 .network-grid{grid-template-columns:1fr}.broadcast-columns{grid-template-columns:1fr}
 .coupon-grid,.campaign-grid{gap:13px}.coupon-card{padding:19px}.coupon-value{gap:10px}.coupon-value>strong{font-size:43px}
 .level-road{gap:6px}.level-stop{padding:12px 3px}.level-stop strong{font-size:10px}
 .partner-tasks{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:540px){
 .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .topic-option{min-height:114px;padding:14px}.topic-option strong{font-size:12px}
 .coupon-grid,.campaign-grid{grid-template-columns:1fr}
 .coupon-card{padding:22px}.coupon-value>strong{font-size:51px}
 .level-road{display:flex;overflow:auto;padding-bottom:6px;scroll-snap-type:x proximity}.level-stop{flex:0 0 108px;scroll-snap-align:start}
 .preference-card,.partner-section{padding:19px}.choice-consent{padding:14px;font-size:11px}.choice-consent small{font-size:11px}
 .partner-tasks{grid-template-columns:1fr}.broadcast-row{display:block}
 .broadcast-row>.action-row{max-width:none}
 .message-preview{padding:18px}.price-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-tabs{flex-wrap:nowrap}.admin-tabs button{flex-shrink:0}
 .coupon-value h3{font-size:16px}.choice-trigger{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.topic-option,.choice-trigger svg,input[type=checkbox]{transition:none}}

/* v1.3.1: flow-based product tiles. No absolute footer or clipped tap targets. */
.product-tile.catalog-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:300px;height:auto;padding:22px;gap:0;min-width:0;isolation:isolate;border-color:#68758b38;transition:border-color .2s,box-shadow .2s,transform .2s}
.product-tile.catalog-tile>.tile-copy{width:100%;min-width:0;position:relative;flex:none}
.product-tile.catalog-tile .eyebrow{font-size:9px;letter-spacing:.12em}
.product-tile.catalog-tile h3{font-size:clamp(20px,2.1vw,25px);line-height:1.25;max-width:none;margin:12px 0 9px;overflow-wrap:normal}
.product-tile.catalog-tile p{font-size:13px;line-height:1.65;max-width:225px;margin:0}
.product-tile.catalog-tile>.art{position:static;align-self:flex-end;width:98px;height:98px;margin:18px 4px 17px;right:auto;bottom:auto;object-fit:contain;flex-shrink:0;pointer-events:none}
.product-tile.catalog-tile .tile-price{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin: auto 0 0;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:10px 12px 10px 14px;gap:8px;white-space:normal;border:1px solid #ecca8440;border-radius:13px;font-size:13px;line-height:1.3;color:#ffdf9e;background:linear-gradient(112deg,#a477332b,#c3954916);box-shadow:inset 0 1px #f9dfa00a;transition:background .2s,border-color .2s,box-shadow .2s}
.product-tile.catalog-tile .tile-price>span:first-child{min-width:0;overflow-wrap:anywhere}
.product-tile.catalog-tile .tile-cta-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#dbb56615;flex:none}
.product-tile.catalog-tile.premium-tile .tile-price{background:linear-gradient(112deg,#9560e331,#6459c02a);border-color:#bd97ff4a;color:#dfccff}
.product-tile.catalog-tile.premium-tile .tile-cta-arrow{background:#b291fc20}
.product-tile.catalog-tile:hover{border-color:#acacda6b;box-shadow:0 10px 34px #0002}
.product-tile.catalog-tile:hover .tile-price{border-color:#debf7880;box-shadow:0 2px 18px #e7ac4312}
.product-tile.catalog-tile.premium-tile:hover .tile-price{border-color:#b698ef85;box-shadow:0 2px 18px #9977ff1c}
.product-tile.catalog-tile:focus-visible{outline:2px solid #bcc8ff;outline-offset:4px}
.product-tile.catalog-tile:active{transform:scale(.99)}
.avatar{overflow:hidden}
.avatar .profile-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar .avatar-initial{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.top-avatar{padding:0}
.gate-confirmed{margin:10px auto 20px;display:inline-flex;gap:7px}
.gate-document-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.gate-document-links a{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.legal-gate .choice-consent{margin-bottom:0;text-align:left}
.legal-gate .choice-consent small{display:block;margin-top:6px;font-size:11px;color:#93a2c4;line-height:1.55}
.legal-gate .gate-documents{margin-top:5px}

/* A visible paperclip and a matching media picker, for customers AND operators. */
.ticket-uploads{display:block;width:100%;border-radius:14px;transition:background .18s,box-shadow .18s}
.ticket-uploads.dragging{background:#5277e71d;box-shadow:0 0 0 2px #9cadff}
.upload-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.attachment-picker{position:relative;flex-shrink:0}
.attach-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 15px;border-radius:14px;background:linear-gradient(135deg,#293752,#272d49);border:1px solid #596a944f;color:#c5d5f7;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}
.attach-button>svg{flex-shrink:0}
.attach-button:hover:not(:disabled),.attach-button.active{border-color:#a99eef99;background:linear-gradient(135deg,#3a446b,#393259);color:#fff}
.attach-button:focus-visible,.attachment-menu button:focus-visible{outline:2px solid #b1bfff;outline-offset:3px}
.attachment-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:35;width:min(300px,calc(100vw - 80px));padding:7px;border:1px solid #6f73915c;border-radius:18px;background:linear-gradient(140deg,#1c2942,#242139);box-shadow:0 14px 42px #03071690;animation:fadeIn .15s ease-out}
.attachment-menu button{display:flex;align-items:center;gap:12px;min-height:64px;width:100%;padding:10px;border-radius:11px;text-align:left}
.attachment-menu button:hover,.attachment-menu button:focus-visible{background:#8599da16}
.attach-option-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#388cf129;color:#98ceff;flex:none}
.attach-option-icon.file{background:#9567ec2a;color:#cfb4ff}
.attachment-menu strong{display:block;font-size:13px;color:#edf0ff}
.attachment-menu small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#8fa1c3}
.ticket-uploads .upload-hint{display:block;font-size:10px;line-height:1.7;margin-top:11px;color:#a2b0c9}
.ticket-uploads .upload-safety{display:block;font-size:9px;line-height:1.6;margin-top:3px;color:#778aa8}
.upload-chips{margin-bottom:12px;gap:8px}
.upload-chips>span{padding:8px;border:1px solid #47567968;border-radius:12px;background:#1a2840;gap:9px;max-width:100%;min-width:0}
.upload-chips .draft-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.draft-file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#324268;color:#b4c5f3;flex:none}
.draft-file-name{min-width:0}
.draft-file-name strong{display:block;font-size:11px;max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.draft-file-name small{display:block;font-size:9px;color:#9cafca;margin-top:3px}
.upload-chips button{display:grid;place-items:center;min-height:32px;min-width:32px;border-radius:9px;color:#aebcda}
.upload-chips button:hover{background:#ac526025;color:#ffd6df}
.upload-toolbar .send-attachment-message{min-width:0;min-height:48px;font-size:12px;padding:12px 16px;margin-left:auto}
.save-template-action{align-self:flex-start;font-size:11px}
.media-attachment{min-width:0;width:100%;max-width:360px}
.media-attachment .file-card{width:100%;min-width:0;max-width:100%;text-align:left}
.media-attachment .file-card>span:nth-child(2){min-width:0}
.media-attachment .file-card strong{overflow-wrap:anywhere}
.media-attachment video,.media-attachment audio{display:block;width:100%;max-width:100%;max-height:280px;border-radius:12px;margin-top:10px;background:#080f1e}
.media-attachment .media-save{display:flex;justify-content:flex-end;margin:7px 0 0 auto;font-size:10px}
@media(max-width:540px){
 .product-tile.catalog-tile{min-height:294px;padding:17px 15px;border-radius:20px}
 .product-tile.catalog-tile h3{font-size:20px;margin-top:11px}
 .product-tile.catalog-tile .eyebrow{font-size:7px;letter-spacing:.1em}
 .product-tile.catalog-tile p{font-size:11px;line-height:1.7}
 .product-tile.catalog-tile>.art{width:84px;height:84px;margin:17px 0 16px}
 .product-tile.catalog-tile .tile-price{font-size:12px;min-height:44px;padding:9px 10px;gap:5px;border-radius:11px}
 .product-tile.catalog-tile .tile-cta-arrow{width:23px;height:23px;border-radius:7px}
 .upload-toolbar{gap:8px}.attach-button{padding:10px 12px;font-size:11px;gap:7px}
 .upload-toolbar .send-attachment-message{font-size:11px;padding:11px 13px;gap:7px}
 .draft-file-name strong{max-width:170px}
 .gate-document-links a{font-size:12px}.legal-gate .gate-documents{gap:11px}
}
@media(max-width:380px){
 .product-tile.catalog-tile{padding:16px 12px;min-height:285px}
 .product-tile.catalog-tile h3{font-size:18px}
 .product-tile.catalog-tile>.art{width:76px;height:76px}
 .product-tile.catalog-tile .tile-price{padding:9px 8px;font-size:10px}
 .product-tile.catalog-tile .tile-cta-arrow{width:20px;height:20px}
 .attach-button{padding:11px 9px}.attach-button span{font-size:10px}
 .upload-toolbar .send-attachment-message{padding:11px 10px;font-size:10px}
 .draft-file-name strong{max-width:145px}
}
@media(prefers-reduced-motion:reduce){.product-tile.catalog-tile,.catalog-tile .tile-price,.attach-button,.attachment-menu{transition:none;animation:none}}

/* =========================================================
   SIDE VPN v2 — cosmic VPN identity. No green accent palette.
   ========================================================= */
:root{
  --bg:#06040c;--panel:#0e0a18;--panel-2:#151022;--line:#302541;
  --muted:#a49ab8;--subtle:#776d89;--blue:#7ca6ff;--cyan:#89a7ff;
  --violet:#9a7cff;--gold:#e26cff;
  color:#faf8ff;background:#06040c;
}
body{
  color:#faf8ff;
  background:
    radial-gradient(circle at 18% -10%,rgba(139,92,246,.20),transparent 34%),
    radial-gradient(circle at 92% 5%,rgba(215,92,255,.12),transparent 30%),
    radial-gradient(circle at 60% 100%,rgba(90,126,255,.09),transparent 38%),#06040c;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px);background-size:53px 53px;background-position:9px 17px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}
.card{background:linear-gradient(145deg,rgba(20,14,31,.94),rgba(10,8,18,.96));border-color:rgba(151,112,214,.20);box-shadow:inset 0 1px rgba(255,255,255,.025)}
input,select,textarea{background:#0b0813;border-color:#392b4e;color:#fbf8ff}
input:focus,select:focus,textarea:focus{border-color:#8f70ff;box-shadow:0 0 0 3px rgba(142,105,255,.13)}
:focus-visible{outline-color:#a78cff}
.eyebrow{color:#9889b3}
.gradient-text{background:linear-gradient(105deg,#9c83ff,#dc62ff 58%,#79a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn.primary{background:linear-gradient(115deg,#7658ff 0%,#ad50ec 51%,#5e86ff 100%);border-color:rgba(205,181,255,.30);box-shadow:0 10px 34px rgba(114,74,255,.20),inset 0 1px rgba(255,255,255,.10)}
.btn.secondary{background:#151021;border-color:#3c3150;color:#e8e0f6}
.text-link,a{color:#a991ff}.text-link:hover,a:hover{color:#dbcfff}
.icon-btn{background:#130e20;border-color:#392e4d;color:#a99abe}.icon-btn:hover{background:#21182f;color:#f0e9ff}
.icon-btn.danger,.danger-text{color:#ff7da7!important}
.pill{background:rgba(126,93,255,.10);border-color:rgba(167,139,250,.25);color:#cbb9ff}
.pill.cyan,.live-dot,.status-pulse{background:#879cff;color:#d8e0ff;border-color:#8da6ff;box-shadow:0 0 14px rgba(112,143,255,.72)}
.status-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;animation:sideePulse 2.2s ease-in-out infinite}
@keyframes sideePulse{50%{opacity:.48;box-shadow:0 0 4px rgba(112,143,255,.35)}}

.sidee-brand>img{width:42px;height:42px;filter:drop-shadow(0 0 14px rgba(173,85,255,.34))}
.sidee-brand>span{font-size:26px;letter-spacing:.06em;font-weight:760}
.sidee-brand small{font-size:6px;letter-spacing:.25em;color:#897c9f;margin-top:5px}
.sidee-sidebar{background:linear-gradient(180deg,rgba(10,7,17,.98),rgba(7,5,13,.99));border-right-color:rgba(152,112,215,.14);width:230px}
.sidee-sidebar nav button{color:#988ea9}.sidee-sidebar nav button:hover{background:#171021;color:#f0eaff}.sidee-sidebar nav button.active{background:linear-gradient(105deg,rgba(123,88,255,.20),rgba(196,76,255,.07));border-color:rgba(153,119,255,.25);color:#f2edff}.sidee-sidebar .nav-dot{background:#bd73ff;box-shadow:0 0 11px rgba(189,115,255,.72)}
.sidebar-network{margin:auto 7px 14px;padding:13px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(142,110,200,.16);background:#0e0a17;border-radius:14px}.sidebar-network>div{display:flex;flex-direction:column;gap:2px}.sidebar-network strong{font-size:10px;letter-spacing:.08em}.sidebar-network small{font-size:9px}
.sidee-sidebar .sidebar-support{border:0;background:transparent;width:100%;cursor:pointer;color:#9b8eac}
.sidee-sidebar .sidebar-version{color:#574d67}
.sidee-topbar{background:rgba(7,5,13,.72);border-bottom-color:rgba(147,111,204,.10);backdrop-filter:blur(18px)}
.sidee-topbar .desktop-topline{color:#6f647f;letter-spacing:.18em;font-size:9px}.sidee-topbar .desktop-topline span{color:#a68dce}
.demo-strip{background:linear-gradient(90deg,rgba(109,78,230,.10),rgba(203,76,255,.08));border-color:rgba(145,112,221,.17);color:#b9a9ce}

.sidee-boot .boot-logo{position:relative;width:116px;height:116px;display:grid;place-items:center;margin:30px auto}.sidee-boot .boot-logo::before,.sidee-boot .boot-logo::after{content:"";position:absolute;inset:6px;border:1px solid rgba(162,123,255,.28);border-radius:50%;animation:sideeSpin 8s linear infinite}.sidee-boot .boot-logo::after{inset:22px;border-color:rgba(224,99,255,.25);animation-direction:reverse;animation-duration:5s}.sidee-boot .boot-logo img{width:72px;filter:drop-shadow(0 0 22px rgba(183,81,255,.28))}@keyframes sideeSpin{to{transform:rotate(1turn)}}

.sidee-gate{max-width:650px;margin:32px auto;padding:42px;text-align:center;position:relative;overflow:hidden}.sidee-gate::before{content:"";position:absolute;inset:-100px;background:radial-gradient(circle at 50% 0,rgba(144,88,255,.18),transparent 45%);pointer-events:none}.gate-logo{width:126px;height:126px;margin:0 auto 22px;position:relative;display:grid;place-items:center}.gate-logo img{width:80px;position:relative;z-index:1}.gate-logo .orbit-line{position:absolute;width:122px;height:42px;border:1px solid rgba(186,146,255,.30);border-radius:50%;transform:rotate(-24deg)}.gate-mark{width:80px;margin:0 auto 22px}.sidee-gate h1{font-size:44px;margin:8px 0 12px}.sidee-gate>p{max-width:480px;margin:0 auto 26px}.sidee-gate .gate-step{text-align:left;margin:14px 0;padding:17px;background:rgba(16,11,27,.72);border-color:rgba(159,120,220,.18)}.sidee-gate .step-number{background:linear-gradient(145deg,#7558ff,#b856ef);color:white}.sidee-gate .btn.primary{width:100%;margin-top:8px}

.sidee-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:10px 0 24px}.sidee-welcome h1{font-size:34px;margin-top:7px}
.sidee-hero{min-height:388px;position:relative;overflow:hidden;padding:44px 45px;display:flex;align-items:center;background:linear-gradient(125deg,#0b0714 0%,#110b1f 58%,#0a0712 100%);isolation:isolate}.cosmos-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(136,107,201,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(136,107,201,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);z-index:-1}.glow-a{right:8%;top:12%;width:260px;height:260px;background:radial-gradient(circle,rgba(163,70,255,.25),transparent 67%)}.glow-b{right:20%;bottom:-20%;width:300px;height:190px;background:radial-gradient(circle,rgba(93,125,255,.16),transparent 70%)}
.sidee-hero-copy{position:relative;z-index:2;max-width:510px}.sidee-hero-copy h2{font-size:45px;line-height:1.07;margin:21px 0 18px;letter-spacing:-.05em}.sidee-hero-copy h2 span{background:linear-gradient(100deg,#b79eff,#e471ff 50%,#7aa9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sidee-hero-copy p{max-width:460px;font-size:14px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.sidee-portal{position:absolute;right:6.5%;width:290px;height:290px;display:grid;place-items:center;z-index:1}.sidee-portal img{width:104px;z-index:3;filter:drop-shadow(0 0 28px rgba(189,78,255,.48))}.portal-ring{position:absolute;border-radius:50%;border:1px solid rgba(173,129,255,.25)}.portal-ring.r1{width:126px;height:126px;border-width:2px;box-shadow:0 0 34px rgba(139,90,255,.10)}.portal-ring.r2{width:205px;height:112px;transform:rotate(-33deg);border-color:rgba(225,99,255,.28)}.portal-ring.r3{width:255px;height:165px;transform:rotate(27deg);border-color:rgba(111,151,255,.19)}
.sidee-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.status-card{display:flex;align-items:center;gap:16px;padding:19px;text-align:left;min-width:0}.status-card:hover{border-color:rgba(157,118,255,.38);transform:translateY(-1px)}.status-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,rgba(129,88,255,.16),rgba(206,76,255,.08));color:#b59eff;flex:none}.status-card>div{min-width:0;display:flex;flex-direction:column}.status-card small{font-size:9px;letter-spacing:.1em}.status-card strong{font-size:17px;margin:2px 0}.status-card p{font-size:10px}
.promo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promo-card{padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.promo-card>div{flex:1}.promo-card small{color:#b58eff}.promo-card h3{margin:7px 0}.promo-card p{font-size:11px}.promo-orbit{position:absolute;right:14px;top:12px;font-size:28px;color:#c87cff;opacity:.5}.sidee-note{margin-top:24px;padding:20px;display:flex;gap:14px;align-items:flex-start}.sidee-note>svg{color:#9e85ff;margin-top:2px}.sidee-note p{font-size:11px;margin-top:4px}

.sidee-page-title{margin-bottom:26px}.sidee-page-title h1{font-size:42px;margin:8px 0 10px}.vpn-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vpn-plan{position:relative;min-height:230px;padding:24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(150deg,#110c1c,#0d0915)}.vpn-plan:hover{border-color:rgba(174,124,255,.44);transform:translateY(-3px)}.vpn-plan.featured{background:radial-gradient(circle at 100% 0,rgba(188,76,255,.20),transparent 52%),linear-gradient(150deg,#171024,#0d0917);border-color:rgba(184,119,255,.38)}.plan-badge{position:absolute;top:14px;right:14px;font-size:8px;letter-spacing:.1em;color:#ddc6ff;background:rgba(152,98,255,.16);border:1px solid rgba(177,136,255,.25);border-radius:7px;padding:5px 7px}.plan-duration{font-size:13px;color:#a995bc;margin-bottom:20px}.vpn-plan>strong{font-size:29px;letter-spacing:-.04em}.vpn-plan>p{font-size:11px;margin-top:8px}.plan-action{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:8px;font-size:12px;color:#c5b4ff}.payment-explainer{margin-top:20px;padding:22px;display:flex;gap:16px;align-items:flex-start}.payment-explainer>svg{color:#a38cff}.payment-explainer p{font-size:12px;margin-top:5px}

.device-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:17px}.device-limit{height:7px;background:#151020;border:1px solid #2e253d;border-radius:20px;overflow:hidden;flex:1}.device-limit span{display:block;height:100%;background:linear-gradient(90deg,#7658ff,#ce5fff,#739cff);border-radius:inherit}.device-list{display:flex;flex-direction:column;gap:12px}.device-card{padding:18px 20px;display:flex;align-items:center;gap:16px}.device-glyph{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:#171021;color:#b9a2ff;border:1px solid rgba(152,120,220,.17);font-size:20px}.device-main{flex:1;min-width:0;display:flex;flex-direction:column}.device-main small{margin:3px 0 8px}.device-main code{font-size:10px;color:#9b8cac;background:#090611;border:1px solid rgba(139,106,196,.12);border-radius:7px;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-actions{display:flex;gap:7px}.empty-sidee,.locked{padding:40px;text-align:center}.empty-sidee>svg,.locked>svg{color:#a78cff;margin:0 auto 15px}.empty-sidee h3,.locked h2{margin-bottom:8px}.locked{max-width:620px;margin:30px auto}.locked .btn{margin-top:20px}

.node-list{display:flex;flex-direction:column;gap:12px}.node-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px}.node-place{display:flex;align-items:center;gap:13px;min-width:210px}.node-flag{font-size:26px}.node-place>div{display:flex;flex-direction:column}.node-place small{font-size:10px;margin-top:3px}.node-metrics{display:grid;grid-template-columns:repeat(3,90px);gap:12px;text-align:right}.node-metrics>span{display:flex;flex-direction:column;gap:3px}.node-metrics small{font-size:8px;letter-spacing:.1em}.node-metrics strong{font-size:12px}.node-metrics .online{color:#91aaff}.node-metrics .offline{color:#ff7ca7}.metric-note{font-size:10px;margin:14px 4px;color:#736981}

.profile-head{padding:25px;display:flex;align-items:center;gap:18px}.profile-avatar{width:64px;height:64px;border-radius:21px;overflow:hidden;border:1px solid rgba(168,129,229,.25)}.profile-avatar>.avatar{width:100%;height:100%;border-radius:inherit}.profile-head h1{font-size:29px;margin:4px 0}.profile-head p{font-size:11px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.profile-actions>button{padding:18px;display:flex;align-items:center;gap:14px;text-align:left}.profile-actions>button>svg:first-child{color:#ac92ff}.profile-actions>button span{flex:1;display:flex;flex-direction:column}.profile-actions small{margin-top:4px}.legal-links{display:flex;flex-direction:column;padding:7px 17px}.legal-links a{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-bottom:1px solid rgba(137,106,183,.12);font-size:12px}.legal-links a:last-child{border-bottom:0}.order-logo{width:36px;height:36px;padding:5px;border-radius:11px;background:#160f23}.sidee-version{color:#554a64;margin-top:35px}

.sidee-checkout-product{display:flex!important;align-items:center;gap:15px}.sidee-checkout-product>img{width:64px;height:64px}.payment-policy-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;font-size:10px;color:#8f82a0}.payment-policy-note>svg{color:#a58cff;margin-top:2px}.sidee-state-orb{width:116px;height:116px;position:relative;display:grid;place-items:center;margin:5px auto 19px}.sidee-state-orb img{width:68px;z-index:2}.sidee-state-orb .state-ring{position:absolute;inset:6px;border:1px solid rgba(169,119,255,.38);border-radius:50%;animation:sideeSpin 4s linear infinite}.sidee-state-orb.done{filter:drop-shadow(0 0 18px rgba(130,111,255,.24))}.sidee-state-orb.bad{filter:saturate(.5)}

/* Admin */
.sidee-admin-title .eyebrow{color:#b18bff}.sidee-admin-tabs{background:#090611;border:1px solid rgba(144,108,202,.13);border-radius:15px;padding:6px}.sidee-admin-tabs button.active{background:linear-gradient(105deg,rgba(125,88,255,.26),rgba(201,79,255,.10));border-color:rgba(169,127,255,.28)}.sidee-admin-stats{grid-template-columns:repeat(6,1fr)}.sidee-admin-stats .admin-stat{min-width:0}.sidee-admin-stats .admin-stat>svg{color:#a78cff}.admin-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:25px 0 16px}.admin-section-title h2{font-size:27px;margin:5px 0}.admin-section-title p{font-size:11px}.admin-panel{padding:23px}.node-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.node-admin-card{padding:20px}.node-admin-meta{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.node-admin-meta>span{padding:5px 8px;border:1px solid rgba(150,116,201,.18);border-radius:7px;color:#9f92b1;font-size:9px}.node-state.online{color:#a5b5ff!important}.node-state.offline{color:#ff7aa7!important}.node-admin-card>code{display:block;padding:9px;border-radius:9px;background:#090611;margin-bottom:15px}.wizard-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.node-guide{padding:20px;border:1px solid rgba(149,112,207,.17);border-radius:17px;background:#090611}.guide-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.command-list{margin:0;padding-left:27px;display:flex;flex-direction:column;gap:9px}.command-list li{position:relative;padding:10px 38px 10px 10px;border:1px solid rgba(139,109,190,.16);border-radius:10px;background:#0f0b18}.command-list code{font-size:10px;color:#c3b4dc;white-space:pre-wrap}.command-list button{position:absolute;right:7px;top:7px;width:27px;height:27px;display:grid;place-items:center;color:#9384a7}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.secret-status{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.secret-status span{font-size:10px;color:#a796ba;border:1px solid rgba(147,111,199,.18);padding:6px 8px;border-radius:7px}

/* Remove the remaining teal/green visual language from legacy admin/support pieces. */
.signal-icon,.network-icon,.topic-icon,.status.open,.ticket-status.open{color:#a796ff!important;background:rgba(125,92,255,.14)!important;border-color:rgba(157,121,255,.25)!important;text-shadow:none!important}
.pill.cyan{color:#b8c2ff!important;background:rgba(102,120,255,.12)!important;border-color:rgba(129,146,255,.22)!important}
input[type=checkbox]{accent-color:#8d6cff}
input[type=checkbox]:checked{background:linear-gradient(135deg,#795bff,#d25de8);border-color:#aa8cff;box-shadow:0 0 15px rgba(119,88,255,.28)}

@media(max-width:1100px){.sidee-portal{right:2%;opacity:.82}.sidee-admin-stats{grid-template-columns:repeat(3,1fr)}.vpn-plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidee-hero{padding:34px 28px}.sidee-hero-copy h2{font-size:38px}.sidee-portal{width:220px;height:220px;right:-30px;opacity:.55}.sidee-hero-copy{max-width:430px}.sidee-status-grid,.promo-cards{grid-template-columns:1fr}.node-admin-grid,.admin-plan-grid{grid-template-columns:1fr}.wizard-columns{grid-template-columns:1fr}.node-metrics{grid-template-columns:repeat(3,70px)}.sidee-admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
 .sidee-gate{padding:28px 18px;margin:12px auto}.sidee-gate h1{font-size:35px}.gate-logo{width:100px;height:100px}.gate-logo img{width:66px}
 .sidee-welcome{margin-top:2px}.sidee-welcome h1{font-size:27px}
 .sidee-hero{min-height:470px;padding:28px 20px;align-items:flex-start}.sidee-hero-copy h2{font-size:35px}.sidee-hero-copy p{font-size:12px;max-width:330px}.sidee-portal{bottom:20px;top:auto;right:50%;transform:translateX(50%);width:190px;height:150px;opacity:.74}.sidee-portal img{width:70px}.portal-ring.r1{width:95px;height:95px}.portal-ring.r2{width:150px;height:80px}.portal-ring.r3{width:185px;height:110px}.hero-actions{margin-top:20px}.hero-actions .btn{flex:1;min-width:130px;padding:12px}
 .sidee-status-grid{gap:10px}.status-card{padding:15px}.sidee-page-title h1{font-size:34px}.vpn-plan-grid{grid-template-columns:1fr 1fr;gap:10px}.vpn-plan{min-height:190px;padding:18px}.vpn-plan>strong{font-size:23px}.plan-badge{display:none}
 .device-toolbar{align-items:stretch;flex-direction:column}.device-card{align-items:flex-start;flex-wrap:wrap}.device-main{min-width:calc(100% - 68px)}.device-actions{width:100%;justify-content:flex-end}.node-card{display:block;padding:17px}.node-metrics{margin-top:15px;grid-template-columns:repeat(3,1fr);text-align:left}.profile-actions{grid-template-columns:1fr}
 .sidee-bottom-nav{background:rgba(9,6,15,.94);border-top-color:rgba(156,113,215,.16);backdrop-filter:blur(18px)}.sidee-bottom-nav button.active{color:#cbb5ff}.sidee-bottom-nav button.active i{background:#ae72ff}
 .admin-section-title{align-items:flex-start;flex-direction:column}.sidee-admin-stats{grid-template-columns:1fr 1fr}.node-wizard{padding:15px}.node-guide{padding:14px}.command-list{padding-left:20px}.command-list li{padding-left:8px}.admin-title.sidee-admin-title{align-items:flex-start;gap:12px}
}
@media(max-width:390px){.vpn-plan-grid{grid-template-columns:1fr}.sidee-admin-stats{grid-template-columns:1fr}.sidee-hero-copy h2{font-size:31px}.sidee-hero{min-height:490px}}
@media(prefers-reduced-motion:reduce){.status-pulse,.sidee-boot .boot-logo::before,.sidee-boot .boot-logo::after,.sidee-state-orb .state-ring{animation:none}}

/* Side VPN support + status cleanup */
.support-sidee-logo{width:96px;height:96px;flex:0 0 auto;filter:drop-shadow(0 0 28px rgba(163,102,255,.28))}
.status.completed,.ticket-status.resolved,.ticket-status.closed{color:#c8b9ff!important;background:rgba(130,95,255,.13)!important;border-color:rgba(162,128,255,.24)!important}
.status.paid,.status.processing{color:#b7c6ff!important;background:rgba(91,111,255,.12)!important}
.live-dot{background:#a67cff!important;box-shadow:0 0 12px rgba(166,124,255,.72)!important}
@media(max-width:620px){.support-sidee-logo{width:72px;height:72px}}

/* SIDE VPN v2.1 — focused cosmic Mini App */
:root{
 --side-bg:#050918;--side-card:#0b1327;--side-card-2:#101a34;--side-line:rgba(121,154,255,.22);
 --side-blue:#32baff;--side-indigo:#496eff;--side-violet:#8b5cff;--side-pink:#d958ef;
}
.sidee-app{background:
 radial-gradient(circle at 78% 6%,rgba(58,88,192,.12),transparent 28%),
 radial-gradient(circle at 24% 45%,rgba(118,60,198,.08),transparent 32%),#050918;min-height:100dvh}
.sidee-brand>span{font-size:24px;letter-spacing:-.7px}.sidee-brand>img{filter:drop-shadow(0 0 15px rgba(81,129,255,.28))}
.sidee-sidebar{background:linear-gradient(180deg,rgba(7,12,28,.98),rgba(5,9,22,.99));border-right-color:rgba(117,143,216,.14)}
.sidee-sidebar nav button.active{background:linear-gradient(110deg,rgba(72,104,245,.18),rgba(132,80,235,.12));border-color:rgba(126,151,255,.22)}
.sidebar-network{margin:auto 6px 10px;padding:13px 12px;border:1px solid rgba(102,132,216,.16);border-radius:14px;background:rgba(15,26,50,.56);display:flex;align-items:center;gap:10px}
.sidebar-network>div{display:flex;flex-direction:column;gap:2px}.sidebar-network strong{font-size:9px;letter-spacing:.11em;color:#a9bcff}.sidebar-network small{font-size:9px}
.sidee-topbar{background:rgba(5,9,24,.76);backdrop-filter:blur(18px);border-bottom-color:rgba(115,143,218,.12)}
.sidee-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 17px}.sidee-welcome h1{font-size:31px;margin-top:5px}.sidee-welcome .eyebrow{color:#758cbd}

.side-home-hero{position:relative;isolation:isolate;min-height:390px;padding:31px 30px;overflow:hidden;background:
 radial-gradient(circle at 68% 42%,rgba(55,120,255,.14),transparent 27%),
 radial-gradient(circle at 32% 118%,rgba(158,73,242,.16),transparent 40%),
 linear-gradient(135deg,#091227 0%,#0b1530 54%,#0d1029 100%);border-color:rgba(108,143,245,.25);box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 70px rgba(0,4,18,.26)}
.side-home-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,transparent 20%,rgba(68,139,255,.035) 49%,transparent 70%);animation:sideSheen 9s ease-in-out infinite}
.side-home-hero .sidee-hero-copy{position:relative;z-index:4;max-width:440px}.side-home-hero .sidee-hero-copy h2{font-size:42px;margin:15px 0 8px;letter-spacing:-.055em}.side-home-hero .sidee-hero-copy h2 span{background:linear-gradient(95deg,#43c7ff,#7d72ff 55%,#cf63f1);-webkit-background-clip:text;background-clip:text;color:transparent}.side-home-hero .sidee-hero-copy p{max-width:390px;font-size:12px;color:#91a4c9}
.starfield{position:absolute;inset:-20%;z-index:-3;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#a9c7ff 0 1px,transparent 1.3px);background-size:74px 74px}
.stars-a{transform:rotate(8deg);animation:starDrift 26s linear infinite}.stars-b{background-size:111px 111px;background-position:38px 24px;opacity:.22;animation:starDrift 38s linear reverse infinite}
.side-planet{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:saturate(.88)}
.planet-a{width:200px;height:200px;right:-72px;top:-64px;background:radial-gradient(circle at 34% 32%,#4a80ff 0,#162d7a 34%,#0b143d 66%,#040817 72%);box-shadow:-20px 18px 62px rgba(67,100,255,.18);animation:planetFloat 10s ease-in-out infinite}
.planet-a::after{content:"";position:absolute;width:250px;height:58px;border:1px solid rgba(128,103,255,.34);border-radius:50%;left:-32px;top:76px;transform:rotate(-18deg)}
.planet-b{width:124px;height:124px;left:-61px;bottom:-56px;background:radial-gradient(circle at 65% 30%,#372a82,#111631 62%,#050814 70%);opacity:.75;animation:planetFloat 12s ease-in-out -3s infinite}
.connect-orbit{position:absolute;right:55px;top:80px;width:235px;height:235px;display:grid;place-items:center;z-index:2;pointer-events:none}
.connect-orbit>img{width:72px;height:72px;position:relative;z-index:4;filter:drop-shadow(0 0 28px rgba(92,125,255,.45));animation:logoBreathe 4s ease-in-out infinite}
.orbit-track{position:absolute;border-radius:50%;border:1px solid rgba(106,147,255,.31)}.orbit-track.o1{width:176px;height:176px;box-shadow:inset 0 0 50px rgba(62,112,255,.045)}.orbit-track.o2{width:226px;height:126px;border-color:rgba(178,98,255,.27);transform:rotate(-28deg)}
.orbit-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#55c9ff;box-shadow:0 0 16px #4bcaff}.orbit-dot.d1{animation:orbitDot 7s linear infinite;transform-origin:0 0}.orbit-dot.d2{background:#ac70ff;box-shadow:0 0 16px #a760ff;animation:orbitDotReverse 10s linear infinite}
.hero-connect-btn{position:absolute;right:41px;bottom:29px;z-index:5;width:264px;min-height:67px;padding:12px 17px;border-radius:20px;border:1px solid rgba(179,183,255,.38);background:linear-gradient(105deg,#27b8ff 0%,#4e69ff 45%,#9b54ec 82%,#cc57e8 100%);box-shadow:0 10px 38px rgba(76,91,255,.27),inset 0 1px rgba(255,255,255,.26);display:grid;grid-template-columns:37px 1fr 22px;grid-template-rows:auto auto;gap:1px 10px;text-align:left;align-items:center;transition:transform .18s,filter .18s,box-shadow .18s}.hero-connect-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 44px rgba(82,91,255,.34),inset 0 1px rgba(255,255,255,.28)}.hero-connect-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.hero-connect-btn .power-mark{grid-row:1/3;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:rgba(5,13,38,.25);font-size:22px}.hero-connect-btn strong{font-size:16px}.hero-connect-btn small{grid-column:2;color:rgba(255,255,255,.7);font-size:9px}.hero-connect-btn>svg{grid-column:3;grid-row:1/3}.hero-connect-btn.trial{background:linear-gradient(105deg,#536cff,#8556ef 60%,#bd59e5)}

.home-device-section{margin-top:25px}.compact-heading{margin:0 2px 12px}.compact-heading h2{font-size:20px;margin-top:3px}
.device-choice-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;scroll-snap-type:x proximity}.device-choice-strip::-webkit-scrollbar{display:none}.device-choice{scroll-snap-align:start;min-width:205px;max-width:270px;flex:0 0 auto;display:grid;grid-template-columns:43px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 13px;text-align:left;border:1px solid rgba(108,136,205,.18);border-radius:16px;background:linear-gradient(135deg,rgba(15,27,53,.9),rgba(11,20,42,.9));transition:transform .17s,border-color .17s,background .17s,box-shadow .17s}.device-choice:hover{transform:translateY(-1px);border-color:rgba(101,154,255,.42)}.device-choice.active{border-color:rgba(65,183,255,.73);background:linear-gradient(135deg,rgba(24,55,103,.9),rgba(29,30,75,.86));box-shadow:0 0 0 1px rgba(83,96,255,.16),0 10px 30px rgba(15,43,107,.18)}.device-choice-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,rgba(64,111,255,.18),rgba(143,78,239,.14));border:1px solid rgba(122,151,255,.19);color:#b6c9ff;font-size:19px}.device-choice>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.device-choice strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-choice small{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}.device-choice small i,.online-dot{width:6px;height:6px;border-radius:50%;background:#4ce6a8;box-shadow:0 0 9px rgba(76,230,168,.42);display:inline-block}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px}.home-shortcut{padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;text-align:left;transition:transform .17s,border-color .17s}.home-shortcut:hover{transform:translateY(-2px);border-color:rgba(93,139,255,.38)}.shortcut-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(55,139,255,.16),rgba(142,78,235,.11));color:#86adff}.home-shortcut>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.home-shortcut small{font-size:7px;letter-spacing:.12em;color:#627aa8}.home-shortcut strong{font-size:13px;margin:2px 0}.home-shortcut em{font-style:normal;font-size:9px;color:#8298bd}.home-shortcut>svg{color:#6078a5}

.key-modal-body{display:flex;flex-direction:column;gap:16px}.device-key-head{display:flex;gap:14px;align-items:center}.device-glyph.big{width:58px;height:58px;font-size:25px}.device-key-head h3{font-size:20px;margin:3px 0}.device-key-head p{font-size:11px}.key-box{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 15px;border:1px solid rgba(103,139,220,.22);border-radius:15px;background:#070d1c}.key-box code{flex:1;max-height:118px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#c6d6ff;font-size:10px}.connect-via-side{width:100%}
.device-capacity{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;padding:17px 20px;margin-bottom:16px}.device-capacity>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.device-capacity span{font-size:10px;color:#7c8ead}.device-capacity strong{font-size:15px}.devices-page-strip{margin-bottom:14px}.device-detail{padding:22px}.device-detail-main{display:flex;align-items:center;gap:15px}.device-detail-main h2{margin:3px 0;font-size:23px}.device-detail-main p{display:flex;align-items:center;gap:7px;font-size:10px}.device-traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.device-traffic>span{padding:13px;border:1px solid rgba(111,137,202,.14);border-radius:13px;background:rgba(9,17,37,.65);display:flex;flex-direction:column;gap:4px}.device-traffic small{font-size:7px;letter-spacing:.12em}.device-traffic strong{font-size:13px}.device-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger-outline{background:rgba(117,23,54,.14);border:1px solid rgba(255,82,134,.42);color:#ff8aaf}.danger-outline:hover:not(:disabled){background:rgba(159,28,69,.2)}
.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-card{padding:19px;position:relative}.location-card.online::before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:2px;border-radius:2px;background:linear-gradient(#43c7ff,#806cff)}.location-top{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px}.location-top .node-flag{font-size:25px}.location-top>div{display:flex;flex-direction:column}.location-top strong{font-size:14px}.location-top small{font-size:9px}.node-state{font-size:8px;letter-spacing:.1em;padding:5px 7px;border-radius:8px}.node-state.online{color:#9ed4ff!important;background:rgba(55,113,255,.11)}.node-state.offline{color:#ff98b6!important;background:rgba(255,68,119,.1)}.location-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.location-metrics>span{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border-radius:11px;background:rgba(6,13,30,.55)}.location-metrics small{font-size:7px;letter-spacing:.1em}.location-metrics strong{font-size:11px}.metric-note{margin-top:13px}
.traffic-user-total{padding:17px;margin:15px 0 22px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.traffic-user-total span{font-size:10px;color:#8093b7}.traffic-user-total strong{font-size:21px}.traffic-user-total small{grid-column:1/-1}

.sidee-order-state{display:flex;flex-direction:column;gap:12px}.sidee-order-state>.btn{width:100%}.sidee-order-state .order-support-link{margin:1px auto 2px;min-height:34px;padding:6px 10px}.sidee-order-state .receipt{width:100%}.checkout-footer{gap:10px}.checkout-footer>.btn{margin-top:4px}
.topic-grid{gap:12px}.topic-option{min-height:132px;padding:16px 14px}.topic-option strong{line-height:1.28}.ticket-create>form{gap:18px}.support-actions{gap:14px}.support-actions>.btn{flex:0 0 auto}.support-target{margin-left:0}

.sidee-admin-stats{grid-template-columns:repeat(7,minmax(0,1fr))}.table-scroll table{min-width:max-content}.table-scroll td small{display:block;margin-top:4px}.admin-panel .summary-line{gap:15px}.admin-panel .summary-line strong{text-align:right}.secret-status{row-gap:8px}

@keyframes starDrift{to{transform:translate3d(74px,74px,0) rotate(8deg)}}
@keyframes planetFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes logoBreathe{0%,100%{transform:scale(1);filter:drop-shadow(0 0 22px rgba(92,125,255,.34))}50%{transform:scale(1.045);filter:drop-shadow(0 0 34px rgba(126,91,255,.48))}}
@keyframes orbitDot{0%{transform:rotate(0deg) translateX(88px)}100%{transform:rotate(360deg) translateX(88px)}}
@keyframes orbitDotReverse{0%{transform:rotate(360deg) translateX(112px)}100%{transform:rotate(0deg) translateX(112px)}}
@keyframes sideSheen{0%,100%{transform:translateX(-12%);opacity:.2}50%{transform:translateX(12%);opacity:.8}}

@media(max-width:1100px){.sidee-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.connect-orbit{right:35px}}
@media(max-width:800px){.home-shortcuts{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr}.connect-orbit{right:18px;opacity:.82}.hero-connect-btn{right:26px}.device-capacity{grid-template-columns:1fr}.sidee-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 main{padding:20px 14px 96px}.sidee-welcome{margin:1px 2px 13px}.sidee-welcome h1{font-size:25px}.sidee-brand>span{font-size:20px}
 .side-home-hero{min-height:430px;padding:22px 18px;border-radius:24px}.side-home-hero .sidee-hero-copy{max-width:88%}.side-home-hero .sidee-hero-copy h2{font-size:34px}.side-home-hero .sidee-hero-copy p{max-width:270px;line-height:1.55}.planet-a{width:154px;height:154px;right:-63px;top:-48px;opacity:.78}.planet-a::after{width:196px;top:58px}.planet-b{width:90px;height:90px}
 .connect-orbit{width:185px;height:185px;right:50%;top:151px;transform:translateX(50%);opacity:.95}.orbit-track.o1{width:134px;height:134px}.orbit-track.o2{width:178px;height:98px}.connect-orbit>img{width:60px}.orbit-dot.d1{animation-name:orbitDotMobile}.orbit-dot.d2{animation-name:orbitDotReverseMobile}
 .hero-connect-btn{left:18px;right:18px;bottom:20px;width:auto;min-height:66px;border-radius:18px}.hero-connect-btn strong{font-size:15px}
 .home-device-section{margin-top:21px}.compact-heading{align-items:flex-end}.compact-heading .eyebrow{font-size:7px}.compact-heading h2{font-size:18px}.device-choice{min-width:190px}.device-choice-strip{margin-left:-1px;margin-right:-1px}
 .home-shortcuts{gap:9px}.home-shortcut{padding:14px;border-radius:17px}.shortcut-icon{width:39px;height:39px}
 .device-detail{padding:17px}.device-detail-main h2{font-size:20px}.device-traffic{gap:6px}.device-traffic>span{padding:10px 8px}.device-traffic strong{font-size:11px}.device-detail-actions{grid-template-columns:1fr}.device-detail-actions>.btn{width:100%}
 .location-card{padding:16px}.location-metrics{gap:5px}.location-metrics>span{padding:8px 7px}.location-metrics strong{font-size:10px}.location-top{grid-template-columns:35px 1fr auto}
 .sidee-bottom-nav{left:9px;right:9px;bottom:max(7px,env(safe-area-inset-bottom));width:auto;border:1px solid rgba(112,140,219,.22);border-radius:22px;background:rgba(6,11,27,.92);box-shadow:0 12px 40px rgba(0,0,0,.45);padding:7px 5px calc(7px + env(safe-area-inset-bottom));overflow:hidden}.sidee-bottom-nav button{min-width:0;padding:7px 3px}.sidee-bottom-nav button span{font-size:9px}.sidee-bottom-nav button.active{color:#8cb9ff}.sidee-bottom-nav button.active i{background:linear-gradient(90deg,#38c8ff,#805fff);box-shadow:0 0 12px rgba(70,135,255,.6)}
 .topic-grid{grid-template-columns:1fr 1fr;gap:9px}.topic-option{min-height:118px;padding:13px 12px;border-radius:15px}.topic-option strong{font-size:12px}.topic-option small{font-size:9px}.support-actions{align-items:stretch}.support-target{padding:4px 2px}.ticket-create>form{gap:17px}
 .sidee-order-state{gap:11px}.sidee-order-state .order-support-link{width:auto;align-self:center;margin:0}.sidee-order-state>.btn{margin:0}
}
@media(max-width:380px){.side-home-hero .sidee-hero-copy h2{font-size:31px}.topic-grid{grid-template-columns:1fr}.device-choice{min-width:176px}.sidee-admin-stats{grid-template-columns:1fr 1fr}}
@keyframes orbitDotMobile{0%{transform:rotate(0) translateX(67px)}100%{transform:rotate(360deg) translateX(67px)}}
@keyframes orbitDotReverseMobile{0%{transform:rotate(360deg) translateX(88px)}100%{transform:rotate(0deg) translateX(88px)}}
@media(prefers-reduced-motion:reduce){.starfield,.side-planet,.connect-orbit>img,.orbit-dot,.side-home-hero::after{animation:none!important}.hero-connect-btn,.device-choice,.home-shortcut{transition:none}}
/* Keep the Telegram mobile dock centered after the Side VPN layout override. */
@media (max-width: 760px){
  .bottom-nav.sidee-bottom-nav{transform:none;left:9px;right:9px;width:auto}
}

/* Side VPN v2.2 — livelier, but still restrained */
.brand-slogan{margin-top:7px;font-size:11px;color:#7388b4;letter-spacing:.015em}
.side-motto-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:11px;padding:8px;background:linear-gradient(120deg,rgba(13,24,48,.92),rgba(21,19,51,.9));border-color:rgba(91,117,199,.18);position:relative;overflow:hidden}
.side-motto-strip::before{content:"";position:absolute;inset:-80% -10%;background:linear-gradient(105deg,transparent 35%,rgba(104,168,255,.08) 48%,rgba(203,99,241,.09) 52%,transparent 66%);animation:mottoSweep 7s linear infinite;pointer-events:none}
.side-motto-strip>span{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px 12px;border-right:1px solid rgba(87,111,171,.15)}
.side-motto-strip>span:last-child{border-right:0}.side-motto-strip b{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(58,139,255,.18),rgba(159,74,237,.13));border:1px solid rgba(118,139,255,.18);color:#a9c3ff;font-size:14px}.side-motto-strip strong{font-size:11px}.side-motto-strip small{font-size:8px;color:#687ea8}
@keyframes mottoSweep{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}
.meteor{position:absolute;width:84px;height:1px;background:linear-gradient(90deg,transparent,rgba(130,186,255,.72),transparent);opacity:.0;transform:rotate(-30deg);filter:drop-shadow(0 0 4px rgba(111,160,255,.65));pointer-events:none;z-index:1}
.meteor.m1{right:18%;top:20%;animation:meteorFly 8s ease-in-out 1s infinite}.meteor.m2{right:35%;top:62%;width:58px;animation:meteorFly 11s ease-in-out 5s infinite}
@keyframes meteorFly{0%,72%,100%{opacity:0;transform:translate3d(90px,-70px,0) rotate(-30deg)}76%{opacity:.85}88%{opacity:.15;transform:translate3d(-210px,135px,0) rotate(-30deg)}}

.connect-guide{padding-top:4px}.connect-guide-head{display:flex;gap:15px;align-items:center;padding:4px 2px 18px}.connect-guide-head h2{font-size:24px;margin:4px 0 4px}.connect-guide-head p{font-size:11px;max-width:480px}.connect-guide-orb{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;flex:none;font-size:22px;color:#fff;background:radial-gradient(circle at 35% 30%,#5ed7ff,#5a61ff 48%,#aa4fe4 72%,#171538 73%);box-shadow:0 0 28px rgba(83,112,255,.24)}
.guide-steps{display:flex;flex-direction:column;gap:10px}.guide-step{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;border:1px solid rgba(85,111,173,.2);border-radius:17px;background:linear-gradient(130deg,rgba(15,27,52,.9),rgba(15,21,43,.86))}.guide-step>span:first-child{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:rgba(83,110,180,.12);border:1px solid rgba(105,132,207,.22);color:#9eb8ef;font-size:11px;font-weight:800}.guide-step.done{border-color:rgba(72,200,166,.16)}.guide-step.done>span:first-child{background:rgba(58,196,155,.12);border-color:rgba(73,212,167,.2);color:#61e5b3}.guide-step>svg{color:#56dda9;margin-top:6px}.guide-step>div>strong,.guide-step-body>strong{display:block;font-size:13px;margin:1px 0 3px}.guide-step small{display:block;font-size:9px;color:#7188b2;line-height:1.45}.guide-step-body{min-width:0}.client-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 10px}.client-switch>button{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 11px;text-align:left;border:1px solid rgba(87,110,169,.24);border-radius:14px;background:rgba(12,21,42,.74);transition:.18s}.client-switch>button:hover{border-color:rgba(95,147,255,.4);transform:translateY(-1px)}.client-switch>button.active{border-color:rgba(83,155,255,.6);background:linear-gradient(135deg,rgba(31,63,116,.68),rgba(46,31,94,.5));box-shadow:0 0 0 1px rgba(116,85,255,.11)}.client-switch>button>span{display:flex;flex-direction:column;gap:2px}.client-switch>button strong{font-size:12px}.client-logo{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:16px;color:white}.client-logo.happ{background:linear-gradient(145deg,#364456,#121820);border:1px solid #6b7891}.client-logo.incy{background:linear-gradient(145deg,#153a2d,#071c14);border:1px solid #2aa86c;color:#70efa8}.client-download{width:100%;justify-content:center;margin-top:2px}.guide-connect{width:100%;margin-top:12px;justify-content:center}.guide-copy{margin-top:10px}.guide-loading{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:#849ac3}.guide-footnote{text-align:center;font-size:8px!important;color:#506483!important;margin:12px 0 0!important}

/* Support: clearer icon frames and quieter purchase binding */
.topic-icon{width:42px;height:42px;display:grid;place-items:center;font-size:20px!important;line-height:1!important;margin:0 0 3px!important;border-radius:13px;border:1px solid rgba(106,146,220,.28);background:linear-gradient(145deg,rgba(39,75,128,.28),rgba(24,33,64,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(5,11,28,.18);text-shadow:none!important}.topic-icon.payment{color:#78c9ff;border-color:rgba(74,162,232,.28)}.topic-icon.delivery{color:#ffd76e;border-color:rgba(220,180,66,.26);background:linear-gradient(145deg,rgba(117,90,28,.24),rgba(39,34,29,.55))}.topic-icon.premium,.topic-icon.gift{color:#d7b0ff;border-color:rgba(160,100,229,.28);background:linear-gradient(145deg,rgba(95,56,145,.23),rgba(35,25,58,.62))}.topic-icon.refund{color:#ffb18a;border-color:rgba(232,131,85,.25)}.topic-icon.privacy{color:#8fe7d2;border-color:rgba(80,196,167,.25)}
.support-order-choice{margin:-2px 0 2px;padding:11px 12px;border-radius:14px;border:1px solid rgba(67,88,132,.14);background:rgba(9,18,36,.35)}.support-order-choice .field-title{font-size:10px;color:#7588aa;margin-bottom:6px}.support-order-choice .choice-trigger{min-height:42px;padding:10px 12px;background:rgba(17,29,54,.62);border-color:rgba(63,84,130,.18);color:#a9b9d5;font-size:11px}.support-order-choice .choice-trigger:hover{border-color:rgba(86,114,176,.32)}

@media(max-width:560px){.side-motto-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px}.side-motto-strip>span{grid-template-columns:29px minmax(0,1fr);column-gap:6px;padding:8px 7px}.side-motto-strip b{width:29px;height:29px;border-radius:9px;font-size:12px}.side-motto-strip strong{font-size:9px}.side-motto-strip small{font-size:7px}.connect-guide-head h2{font-size:20px}.connect-guide-orb{width:46px;height:46px;border-radius:15px}.guide-step{grid-template-columns:31px minmax(0,1fr);padding:13px 12px}.guide-step>svg{display:none}.guide-step>span:first-child{width:29px;height:29px}.client-switch{grid-template-columns:1fr}.topic-icon{width:38px;height:38px;border-radius:12px}.brand-slogan{font-size:9px;max-width:270px}}

@media(prefers-reduced-motion:reduce){.meteor,.side-motto-strip::before{animation:none!important}.home-shortcut,.device-choice,.client-switch>button{transition:none!important}}
.support-order-linking{border-top:1px solid rgba(68,86,126,.12);border-bottom:1px solid rgba(68,86,126,.12);padding:2px 0}.support-order-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:10px 3px;color:#7e91b3}.support-order-toggle>span{display:flex;flex-direction:column;gap:2px}.support-order-toggle strong{font-size:10px;font-weight:600;color:#8ea2c3}.support-order-toggle small{font-size:8px;color:#596c8f}.support-order-toggle svg{transition:transform .18s;color:#5f7295}.support-order-linking.open .support-order-toggle svg{transform:rotate(90deg)}.support-order-linking.open .support-order-toggle strong{color:#aabbd6}.support-order-choice{margin:0 0 10px;padding:9px 10px}


/* Side VPN v2.3 — astronaut home, admin day grants, calmer information density */
.admin-days-banner{display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:11px;padding:11px 12px;margin:2px 0 14px;border-radius:16px;border-color:rgba(139,108,255,.28);background:linear-gradient(110deg,rgba(68,52,142,.30),rgba(23,46,91,.50));box-shadow:0 12px 32px rgba(24,20,77,.13)}
.admin-days-gift{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#e3caff;font-size:18px;background:linear-gradient(145deg,rgba(121,92,255,.26),rgba(197,81,230,.16));border:1px solid rgba(170,136,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.admin-days-banner>div{min-width:0;display:flex;flex-direction:column;gap:3px}.admin-days-banner strong{font-size:12px;color:#e8ecff}.admin-days-banner small{font-size:9px;color:#92a1c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-days-banner .icon-btn{width:34px;height:34px;padding:0;border-radius:11px}

.side-home-hero{min-height:408px}
.side-astronaut{position:absolute;right:155px;top:112px;width:145px;z-index:3;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(24,39,95,.34));animation:astronautFloat 6.5s ease-in-out infinite}
.side-astronaut img{width:100%;height:auto}.side-astronaut span{position:absolute;right:-96px;top:2px;width:132px;padding:9px 10px;border:1px solid rgba(122,157,237,.24);border-radius:14px;background:linear-gradient(145deg,rgba(24,48,94,.82),rgba(32,35,86,.78));color:#9eb4dc;font-size:9px;line-height:1.38;transform:rotate(-5deg);box-shadow:0 10px 30px rgba(3,8,24,.2);backdrop-filter:blur(7px)}
.side-astronaut span::after{content:"";position:absolute;left:18px;bottom:-6px;width:10px;height:10px;background:#192d59;border-left:1px solid rgba(122,157,237,.2);border-bottom:1px solid rgba(122,157,237,.2);transform:rotate(-45deg)}
@keyframes astronautFloat{0%,100%{transform:translate3d(0,0,0) rotate(1deg)}50%{transform:translate3d(0,-9px,0) rotate(-2deg)}}

.home-guide-preview{margin-top:12px;padding:15px 16px;background:linear-gradient(130deg,rgba(13,27,53,.93),rgba(16,22,47,.92));border-color:rgba(88,118,192,.19)}
.home-guide-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.home-guide-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(101,143,224,.22);background:linear-gradient(145deg,rgba(45,110,211,.18),rgba(118,69,215,.13));color:#9fc2ff;font-size:18px}.home-guide-head h3{font-size:14px;margin-top:2px}.home-guide-head .text-link{font-size:10px}
.home-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.home-guide-steps>span{position:relative;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:10px 11px;border-radius:13px;background:rgba(7,16,35,.56);border:1px solid rgba(83,111,169,.13);min-width:0}.home-guide-steps b{grid-row:1/3;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(54,124,237,.22),rgba(125,72,219,.18));border:1px solid rgba(105,143,222,.19);font-size:10px;color:#c5d6ff}.home-guide-steps em{font-style:normal;font-size:7px;color:#627aa7;letter-spacing:.08em;text-transform:uppercase}.home-guide-steps strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vless-profile-btn{width:100%;margin-top:-3px}

.admin-grant-card{border-color:rgba(100,132,225,.25);background:radial-gradient(circle at 100% 0,rgba(108,70,215,.09),transparent 35%),linear-gradient(135deg,#111d33,#101a2c)}
.user-grant-inline{padding:15px;margin:15px 0;border-radius:17px;display:grid;grid-template-columns:minmax(190px,.8fr) 1.2fr;gap:15px;align-items:end}.user-grant-inline h3{margin:3px 0 4px}.user-grant-inline p{font-size:10px}.user-grant-controls{display:grid;grid-template-columns:90px minmax(150px,1fr) auto;gap:9px;align-items:end}.user-grant-controls label{font-size:9px;color:#758aaf}.user-grant-controls input{margin-top:5px;min-height:40px;padding:9px 10px}.user-grant-controls .btn{min-height:40px}

@media(max-width:760px){
 .side-home-hero{min-height:420px;padding-bottom:97px}
 .side-home-hero .sidee-hero-copy{max-width:78%}
 .connect-orbit{width:148px;height:148px;right:0;top:112px;opacity:.55}.connect-orbit>img{width:54px;height:54px}.orbit-track.o1{width:112px;height:112px}.orbit-track.o2{width:146px;height:82px}
 .side-astronaut{right:32px;top:147px;width:100px;opacity:.98}.side-astronaut span{display:none}
 .hero-connect-btn{left:17px;right:17px;bottom:17px;width:auto}
 .home-guide-preview{padding:13px}.home-guide-head{grid-template-columns:34px minmax(0,1fr) auto}.home-guide-icon{width:32px;height:32px;border-radius:10px}.home-guide-steps{gap:6px}.home-guide-steps>span{padding:8px 7px;grid-template-columns:23px 1fr;column-gap:5px}.home-guide-steps b{width:22px;height:22px;border-radius:8px}.home-guide-steps strong{font-size:8px}.home-guide-steps em{font-size:6px}
 .user-grant-inline{grid-template-columns:1fr}.user-grant-controls{grid-template-columns:80px 1fr}.user-grant-controls .btn{grid-column:1/-1}
}
@media(max-width:390px){
 .side-home-hero .sidee-hero-copy{max-width:86%}.side-astronaut{right:19px;top:158px;width:88px}.connect-orbit{right:-10px;top:122px}
 .home-guide-head .text-link{font-size:0}.home-guide-head .text-link svg{width:17px;height:17px}.home-guide-steps strong{font-size:7.4px}
}
@media(prefers-reduced-motion:reduce){.side-astronaut{animation:none!important}}

.hero-slogan-lockup{display:flex;flex-direction:column;gap:1px;margin:2px 0 10px}.hero-slogan-lockup strong{font-size:18px;letter-spacing:-.025em;color:#f3f6ff}.hero-slogan-lockup span{font-size:12px;color:#9bb1d7}.hero-subline{font-size:10px!important;color:#7289b2!important;max-width:330px!important}
@media(max-width:760px){.hero-slogan-lockup strong{font-size:16px}.hero-slogan-lockup span{font-size:11px}.hero-subline{max-width:255px!important}}

/* Side VPN v2.3.2 — connection wizard lives inside the main Connect button */
.hero-connect-btn{cursor:pointer}
.hero-connect-btn:focus-visible{outline:2px solid rgba(123,181,255,.9);outline-offset:3px}
.home-guide-ready{justify-self:end;padding:6px 9px;border-radius:999px;border:1px solid rgba(112,144,220,.19);background:rgba(28,45,84,.34);color:#8fa8d8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.connect-wizard{padding-top:2px;min-height:460px}
.wizard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 17px;color:#60769e;font-size:8px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(230px,62%)}
.wizard-progress i{display:block;height:4px;border-radius:999px;background:rgba(74,96,146,.24);box-shadow:inset 0 1px rgba(255,255,255,.02);transition:background .2s,box-shadow .2s}
.wizard-progress i.active{background:linear-gradient(90deg,#42c7ff,#6f6dff 58%,#bd5beb);box-shadow:0 0 12px rgba(89,104,255,.26)}
.wizard-stage{animation:wizardIn .18s ease both}
@keyframes wizardIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.wizard-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.wizard-heading>div{min-width:0}.wizard-heading h2{font-size:23px;line-height:1.1;margin:4px 0 5px;letter-spacing:-.025em}.wizard-heading p{font-size:9px;line-height:1.45;max-width:510px;color:#7389b1}
.wizard-back{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(91,120,183,.22);background:rgba(13,25,49,.74);color:#9db5e4;font-size:17px;transition:.18s}
.wizard-back:hover{border-color:rgba(98,151,255,.42);background:rgba(24,44,82,.78);transform:translateX(-1px)}
.platform-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:3px 0 15px}
.platform-option{min-width:0;min-height:72px;padding:11px 12px;display:grid;grid-template-columns:43px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left;border:1px solid rgba(79,105,164,.2);border-radius:16px;background:linear-gradient(135deg,rgba(12,24,48,.93),rgba(13,20,42,.9));color:#dbe6ff;box-shadow:0 8px 24px rgba(3,9,25,.11);transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.platform-option:hover{transform:translateY(-1px);border-color:rgba(92,145,255,.42);background:linear-gradient(135deg,rgba(19,38,73,.96),rgba(28,24,64,.91));box-shadow:0 10px 28px rgba(27,55,127,.13)}
.platform-option.active{border-color:rgba(87,151,255,.64);background:linear-gradient(135deg,rgba(29,60,111,.72),rgba(56,34,102,.61));box-shadow:0 0 0 1px rgba(116,84,255,.11),0 12px 30px rgba(23,48,117,.17)}
.platform-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.platform-option strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-option small{font-size:8px;color:#6e84ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-option>svg{color:#7189b4}.platform-option.active>svg{color:#78d8ff}
.platform-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;font-size:13px;font-weight:900;letter-spacing:-.03em;color:#d5e4ff;border:1px solid rgba(107,138,204,.24);background:linear-gradient(145deg,rgba(49,78,128,.42),rgba(23,34,61,.74));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.platform-badge.ios{color:#dbe3f1;background:linear-gradient(145deg,rgba(91,106,132,.38),rgba(30,39,56,.74))}.platform-badge.android{color:#75e6b0;border-color:rgba(71,191,139,.25);background:linear-gradient(145deg,rgba(37,111,82,.32),rgba(20,52,42,.68))}.platform-badge.windows{color:#75c9ff;border-color:rgba(76,164,225,.26);background:linear-gradient(145deg,rgba(40,105,158,.34),rgba(20,51,80,.66))}.platform-badge.macos{color:#d7dfef}.platform-badge.linux{color:#f5ca69;border-color:rgba(205,157,61,.25);background:linear-gradient(145deg,rgba(113,81,29,.31),rgba(53,40,23,.67));font-size:11px}.platform-badge.androidtv{color:#70e3a5;border-color:rgba(64,186,122,.25);background:linear-gradient(145deg,rgba(34,107,71,.31),rgba(17,54,39,.67));font-size:10px}
.wizard-next{width:100%;justify-content:center;min-height:49px;margin-top:2px}.wizard-next:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.45)}
.wizard-client-switch{margin:2px 0 11px}.wizard-client-switch>button{grid-template-columns:35px minmax(0,1fr) 18px;display:grid}.wizard-client-switch>button>svg{color:#62d7ff}.wizard-client-switch>button small{font-size:8px;white-space:normal}
.wizard-download{padding:13px;margin:10px 0 11px;background:linear-gradient(135deg,rgba(10,21,43,.88),rgba(17,22,48,.88));border-color:rgba(77,103,162,.18)}
.wizard-download>div{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wizard-download>div>svg{color:#8ab4ff;flex:none}.wizard-download>div>span{display:flex;flex-direction:column;gap:2px}.wizard-download strong{font-size:11px}.wizard-download small{font-size:8px;line-height:1.45;color:#6e83a9}.wizard-download .client-download{margin:0;min-height:43px}
.wizard-inline-back{display:flex!important;align-items:center;justify-content:center;width:100%;margin-top:9px!important;min-height:34px;color:#6f85aa!important}
.connect-summary{display:grid;grid-template-columns:42px minmax(0,1fr) 28px 35px minmax(0,1fr);align-items:center;gap:10px;padding:13px;margin:3px 0 13px;background:linear-gradient(135deg,rgba(14,28,54,.9),rgba(20,21,51,.9));border-color:rgba(83,111,173,.18)}
.connect-summary>div{min-width:0;display:flex;flex-direction:column;gap:2px}.connect-summary small{font-size:7px;letter-spacing:.1em;color:#61779e}.connect-summary strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-arrow{text-align:center;color:#526b99}.wizard-notice{margin-top:6px}.guide-connect{min-height:50px;box-shadow:0 10px 30px rgba(69,83,236,.2)}

@media(max-width:560px){
 .connect-wizard{min-height:510px;padding-bottom:4px}.wizard-top{margin-bottom:14px}.wizard-progress{width:58%}.wizard-heading{align-items:flex-start;margin-bottom:12px}.wizard-heading h2{font-size:20px}.wizard-heading p{font-size:8px}.wizard-back{width:38px;height:38px;border-radius:12px}
 .platform-picker{grid-template-columns:1fr;gap:8px}.platform-option{min-height:64px;padding:9px 10px;grid-template-columns:40px minmax(0,1fr) 18px}.platform-badge{width:39px;height:39px;border-radius:12px}.platform-option strong{font-size:11px}.platform-option small{font-size:7.5px}
 .wizard-client-switch{grid-template-columns:1fr}.connect-summary{grid-template-columns:39px minmax(0,1fr) 18px 34px minmax(0,1fr);gap:7px;padding:11px}.connect-summary strong{font-size:10px}.home-guide-ready{font-size:7px;padding:5px 7px}
}
@media(max-width:390px){.home-guide-head{grid-template-columns:34px minmax(0,1fr) auto}.home-guide-ready{font-size:0;width:28px;height:28px;padding:0;display:grid;place-items:center}.home-guide-ready::after{content:'3';font-size:9px}.wizard-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.wizard-stage{animation:none}.platform-option,.wizard-back,.wizard-progress i{transition:none}}


/* Side VPN v2.3.3 — equal mobile dock geometry + neutral public cover */
.public-cover{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(62,78,118,.12),transparent 38%),#070b14;color:#dce5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.public-cover-card{width:min(520px,100%);padding:34px 30px;border:1px solid rgba(116,137,175,.16);border-radius:22px;background:rgba(11,17,29,.78);box-shadow:0 26px 80px rgba(0,0,0,.28)}
.public-cover-mark{display:flex;gap:6px;margin-bottom:28px}.public-cover-mark span{width:9px;height:9px;border-radius:50%;background:#6d7e9e}.public-cover-mark span:nth-child(2){opacity:.65}.public-cover-mark span:nth-child(3){opacity:.35}
.public-cover-kicker{display:block;font-size:10px;letter-spacing:.18em;color:#71819f;font-weight:800}.public-cover h1{margin:10px 0 8px;font-size:32px;letter-spacing:-.035em}.public-cover p{margin:0;color:#8796b1;font-size:13px;line-height:1.65}.public-cover-status{display:flex;align-items:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(102,122,157,.12);font-size:11px;color:#7f90ad}.public-cover-status i{width:7px;height:7px;border-radius:50%;background:#65c49b;box-shadow:0 0 12px rgba(101,196,155,.34)}
@media(max-width:960px){
  .bottom-nav.sidee-bottom-nav{display:grid;transform:none;left:12px;right:12px;bottom:max(9px,env(safe-area-inset-bottom));width:auto;max-width:none;gap:6px;padding:7px calc(7px + env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) calc(7px + env(safe-area-inset-left));border-radius:22px;align-items:stretch}
  .sidee-bottom-nav>button{width:100%;min-width:0;min-height:62px;margin:0;padding:9px 4px 8px;gap:6px;border-radius:16px;box-sizing:border-box;line-height:1}
  .sidee-bottom-nav>button>svg{display:block;flex:none;margin:0 auto}
  .sidee-bottom-nav>button>span{display:block;width:100%;text-align:center;font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidee-bottom-nav>button>i{top:5px;left:50%;right:auto;transform:translateX(-50%);width:4px;height:4px}
}
@media(max-width:390px){.bottom-nav.sidee-bottom-nav{left:8px;right:8px;gap:4px;padding-left:5px;padding-right:5px}.sidee-bottom-nav>button{min-height:59px;padding-inline:2px}.sidee-bottom-nav>button>span{font-size:9px}}


/* Side VPN v2.3.5 — admin entry, safe mobile dock spacing, richer home actions */
.admin-profile-entry{border-color:rgba(129,112,255,.28)!important;background:linear-gradient(120deg,rgba(71,71,173,.20),rgba(116,56,171,.15))!important}
.admin-profile-entry>svg{color:#b8a9ff!important;filter:drop-shadow(0 0 8px rgba(133,101,255,.25))}
.home-guide-connect{width:100%;margin-top:12px;min-height:66px;padding:11px 14px;border-radius:18px;border:1px solid rgba(157,169,255,.30);background:linear-gradient(105deg,#426dff 0%,#735cff 46%,#b54fe6 100%);box-shadow:0 12px 34px rgba(82,75,221,.23),inset 0 1px rgba(255,255,255,.20);display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:11px;text-align:left;color:#fff;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.home-guide-connect:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 15px 38px rgba(82,75,221,.30),inset 0 1px rgba(255,255,255,.22)}
.home-guide-connect:active{transform:scale(.99)}
.home-guide-connect-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(7,15,45,.24);font-size:19px}
.home-guide-connect>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.home-guide-connect strong{font-size:15px}.home-guide-connect small{font-size:8px;color:rgba(255,255,255,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-guide-connect>svg{justify-self:end}
.side-motto-strip strong{line-height:1.15}.side-motto-strip small{line-height:1.25}
@media(max-width:960px){
  html{scroll-padding-bottom:calc(142px + env(safe-area-inset-bottom))}
  .sidee-app .main-shell main{padding-bottom:calc(142px + env(safe-area-inset-bottom))!important}
  .sidee-app .main-shell{min-height:100dvh}
  .bottom-nav.sidee-bottom-nav{bottom:max(10px,env(safe-area-inset-bottom));z-index:80}
}
@media(max-width:620px){
  .side-motto-strip>span{grid-template-columns:31px minmax(0,1fr);padding:9px 6px;column-gap:6px}.side-motto-strip b{width:31px;height:31px}.side-motto-strip strong{font-size:8.5px}.side-motto-strip small{font-size:6.8px}
  .home-guide-connect{min-height:62px;border-radius:16px;padding:10px 12px}.home-guide-connect strong{font-size:14px}
}
@media(max-width:380px){.side-motto-strip strong{font-size:8px}.side-motto-strip small{font-size:6.3px}.sidee-app .main-shell main{padding-bottom:calc(136px + env(safe-area-inset-bottom))!important}}

/* Side VPN v2.3.6 — active subscription console + always-visible Connect CTA */
.subscription-console{position:relative;overflow:hidden;padding:22px 22px 18px;background:radial-gradient(circle at 92% 0,rgba(69,93,236,.22),transparent 36%),radial-gradient(circle at 2% 100%,rgba(177,69,231,.12),transparent 34%),linear-gradient(145deg,rgba(10,20,43,.98),rgba(14,13,36,.98));border-color:rgba(98,124,207,.24);isolation:isolate}
.subscription-console-glow{position:absolute;right:-70px;top:-96px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(89,100,255,.20),transparent 68%);z-index:-1;pointer-events:none}
.subscription-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.subscription-console-head h2{font-size:25px;margin:5px 0 0;letter-spacing:-.035em}.subscription-live{display:flex;align-items:center;gap:7px;border:1px solid rgba(86,193,154,.22);background:rgba(51,132,105,.10);border-radius:999px;padding:7px 10px;color:#80d8b7;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.subscription-live i{width:6px;height:6px;border-radius:50%;background:#6de0b5;box-shadow:0 0 13px rgba(109,224,181,.52)}
.subscription-traffic-block{padding:13px 14px 14px;border-radius:16px;background:rgba(7,15,33,.55);border:1px solid rgba(83,107,171,.16)}.subscription-traffic-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.subscription-traffic-label>span{font-size:9px;color:#7389b0}.subscription-traffic-label strong{font-size:11px;color:#dbe6ff;white-space:nowrap}.subscription-traffic-label em{font-style:normal;color:#7389b0;font-weight:600}.subscription-traffic-rail{position:relative;height:7px;border-radius:999px;border:1px solid rgba(104,133,204,.20);background:rgba(10,17,35,.86);overflow:hidden}.subscription-traffic-rail>span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(66,127,255,.28),rgba(119,83,255,.20) 52%,rgba(191,75,232,.18));opacity:.78}.subscription-traffic-rail::after{content:"";position:absolute;top:1px;bottom:1px;width:34px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(191,215,255,.70),transparent);animation:subscriptionPulse 3.8s ease-in-out infinite}
@keyframes subscriptionPulse{0%{left:-40px;opacity:0}18%{opacity:.65}70%{opacity:.35}100%{left:calc(100% + 8px);opacity:0}}
.subscription-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.subscription-facts>span{min-width:0;padding:11px 12px;border-radius:14px;background:rgba(8,15,32,.43);border:1px solid rgba(80,105,166,.12);display:flex;flex-direction:column;gap:4px}.subscription-facts small{font-size:6.5px;letter-spacing:.09em;color:#61769d}.subscription-facts strong{font-size:9px;color:#bdcbe4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subscription-routes{margin-top:15px}.subscription-routes-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 8px}.subscription-routes-head>span{font-size:11px;font-weight:800;color:#cbd8ef}.subscription-routes-head>small{font-size:7px;color:#61769b;text-align:right}.subscription-route-list{overflow:hidden;border:1px solid rgba(86,109,168,.15);border-radius:15px;background:rgba(7,13,27,.42)}.subscription-route{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(78,99,151,.11);min-height:53px}.subscription-route:last-child{border-bottom:0}.subscription-route-flag{font-size:20px;line-height:1;filter:saturate(.92)}.subscription-route-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.subscription-route-copy strong{font-size:10px;color:#d9e3f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-route-copy small{font-size:6.8px;color:#657a9f;letter-spacing:.02em}.subscription-route-ping{font-size:8px;color:#79c9ad;white-space:nowrap}.subscription-route-dot{width:7px;height:7px;border-radius:50%;background:#65738d}.subscription-route-dot.online{background:#69d8ad;box-shadow:0 0 10px rgba(105,216,173,.35)}.subscription-route-dot.offline{background:#735f79}.subscription-route.offline{opacity:.62}.subscription-route-empty{padding:18px 14px;color:#687b9e;font-size:9px;line-height:1.55;text-align:center}
.home-guide-connect:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.58;box-shadow:none}.home-guide-connect:disabled:hover{transform:none;filter:saturate(.55);box-shadow:none}.home-guide-connect:disabled .home-guide-connect-icon{opacity:.7}
@media(max-width:620px){
  .subscription-console{padding:17px 14px 14px;border-radius:22px}.subscription-console-head{margin-bottom:13px}.subscription-console-head h2{font-size:21px}.subscription-live{padding:6px 8px;font-size:7px}.subscription-traffic-block{padding:11px 12px}.subscription-traffic-label>span{font-size:8px}.subscription-traffic-label strong{font-size:10px}.subscription-facts{gap:6px}.subscription-facts>span{padding:9px 8px}.subscription-facts small{font-size:5.8px}.subscription-facts strong{font-size:8px}.subscription-routes{margin-top:12px}.subscription-routes-head{align-items:flex-start;flex-direction:column;gap:2px}.subscription-routes-head>span{font-size:10px}.subscription-routes-head>small{text-align:left;font-size:6.5px}.subscription-route{grid-template-columns:29px minmax(0,1fr) auto;padding:9px 10px;min-height:49px}.subscription-route-flag{font-size:18px}.subscription-route-copy strong{font-size:9px}.subscription-route-copy small{font-size:6.2px}.subscription-route-ping{font-size:7px}
}
@media(max-width:380px){.subscription-facts{grid-template-columns:1fr 1fr}.subscription-facts>span:last-child:nth-child(3){grid-column:1/-1}.side-motto-strip strong{font-size:7.5px}.side-motto-strip small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.subscription-traffic-rail::after{animation:none;display:none}}
.subscription-view-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.subscription-view-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;background:rgba(10,20,39,.58);border:1px solid rgba(82,108,168,.15);cursor:pointer}.subscription-view-toggle>span{display:flex;flex-direction:column;gap:3px}.subscription-view-toggle strong{font-size:10px;color:#c4d1e7}.subscription-view-toggle small{font-size:7px;color:#64789b}.subscription-view-toggle input{flex:none}.admin-subscription-preview{margin-top:14px;max-width:680px}.subscription-view-settings>.btn{margin-top:2px}
@media(max-width:620px){.subscription-view-toggle-grid{grid-template-columns:1fr}.admin-subscription-preview{max-width:none}}

/* Side VPN v2.3.7 — one primary Connect CTA, aligned consent, subscription import */
.home-connect-card{margin-top:12px;padding:16px;background:linear-gradient(132deg,rgba(13,27,53,.95),rgba(19,20,49,.93));border-color:rgba(92,122,196,.20);display:flex;flex-direction:column;gap:13px}
.home-connect-copy{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0}
.home-connect-copy>div{min-width:0}.home-connect-copy h3{font-size:15px;line-height:1.25;margin:3px 0 4px}.home-connect-copy p{font-size:9px;line-height:1.5;color:#7188af;margin:0;max-width:560px}
.home-connect-card .home-guide-connect{margin:0;width:100%}

/* The onboarding consent is a strict two-column grid so the tick never drifts against wrapped text. */
.sidee-gate .choice-consent{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:start;column-gap:12px;text-align:left}
.sidee-gate .choice-consent>input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;margin:1px 0 0;align-self:start}
.sidee-gate .choice-consent>input[type=checkbox]:checked::after{left:7px;top:4px}
.sidee-gate .choice-consent>span{min-width:0;margin:0}

.payment-provider-note{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(95,119,174,.18);border-radius:13px;background:rgba(12,23,44,.55);font-size:10px;line-height:1.6;color:#8297ba}
.payment-provider-note strong{color:#b8c8e5}
.provider-check-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

@media(max-width:560px){
 .home-connect-card{padding:13px}.home-connect-copy{grid-template-columns:34px minmax(0,1fr);gap:9px}.home-connect-copy h3{font-size:13px}.home-connect-copy p{font-size:8px}
 .sidee-gate .choice-consent{grid-template-columns:23px minmax(0,1fr);column-gap:10px;padding:14px}.sidee-gate .choice-consent>input[type=checkbox]{width:23px;height:23px;min-width:23px;min-height:23px}
}