:root { --ink:#f5f8ff; --muted:#96a3b7; --cyan:#19e6d1; --blue:#4268ff; --panel:#101722; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#070a0f; -webkit-text-size-adjust:100%; }
body { margin:0; min-width:280px; overflow-x:hidden; background:#070a0f; color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
main { overflow-x:clip; overflow-y:visible; min-height:100vh; background:radial-gradient(circle at 80% 6%,rgba(48,80,255,.18),transparent 28%),#070a0f; }
.site-header { width:min(1180px,calc(100% - 40px)); height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.02em; }
.brand-mark { width:34px; height:34px; border:1px solid rgba(25,230,209,.55); display:grid; place-items:center; color:var(--cyan); clip-path:polygon(50% 0,94% 19%,86% 78%,50% 100%,14% 78%,6% 19%); background:rgba(25,230,209,.07); }
.site-header>nav { display:flex; gap:34px; color:#aab4c3; font-size:14px; }
.site-header>nav a:hover { color:white; }
.header-login { border:1px solid rgba(255,255,255,.18); padding:11px 18px; font-size:13px; }
.hero { width:min(1180px,calc(100% - 40px)); margin:auto; min-height:690px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; position:relative; }
.hero-glow { position:absolute; width:520px; height:520px; right:-40px; top:60px; border-radius:50%; background:rgba(25,230,209,.08); filter:blur(90px); pointer-events:none; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { color:var(--cyan); text-transform:uppercase; letter-spacing:.19em; font:600 11px var(--font-geist-mono),monospace; display:flex; align-items:center; gap:10px; }
.eyebrow span { width:28px; height:1px; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
h1 { font-size:clamp(54px,6.5vw,88px); line-height:.94; letter-spacing:-.065em; margin:24px 0; font-weight:720; }
h1 em { font-style:normal; color:transparent; -webkit-text-stroke:1px #a8b4c7; }
.hero-lead { color:var(--muted); max-width:600px; font-size:18px; line-height:1.68; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:36px; }
.primary-button { min-width:215px; padding:17px 22px; color:#04110f; background:var(--cyan); display:flex; justify-content:space-between; font-weight:750; box-shadow:0 10px 45px rgba(25,230,209,.18); }
.primary-button:hover { background:#62f4e5; }
.text-button { color:#c9d1de; font-size:14px; border-bottom:1px solid #566174; padding-bottom:5px; }
.hero-proof { display:flex; gap:38px; margin-top:54px; color:#768398; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.hero-proof b { color:#eaf2ff; display:block; font-size:18px; margin-bottom:5px; letter-spacing:0; }
.connection-card { position:relative; z-index:2; width:min(100%,420px); justify-self:end; background:linear-gradient(155deg,rgba(22,31,44,.95),rgba(10,15,23,.97)); border:1px solid rgba(137,166,196,.18); box-shadow:0 35px 90px rgba(0,0,0,.45); padding:22px; }
.card-head { display:flex; align-items:center; justify-content:space-between; color:#748297; font:600 10px var(--font-geist-mono),monospace; letter-spacing:.14em; }
.window-dots { display:flex; gap:5px; }.window-dots i { width:5px;height:5px;border-radius:50%;background:#3b4656; }.window-dots i:first-child{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.live-dot { color:var(--cyan); }
.orb-wrap { height:260px; position:relative; display:grid; place-items:center; }
.secure-orb { width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#55fff0,#0c8b83 42%,#061e21 72%);box-shadow:0 0 65px rgba(25,230,209,.34),inset -18px -20px 45px #051012;position:relative;z-index:2; }
.secure-orb span { font-size:42px;font-weight:900;color:#cffff9;text-shadow:0 3px 20px #003c36; }
.orbit { position:absolute;border:1px solid rgba(25,230,209,.2);border-radius:50%;transform:rotate(-18deg); }.orbit-one{width:230px;height:118px}.orbit-two{width:285px;height:172px;transform:rotate(32deg);border-color:rgba(75,105,255,.2)}
.connected { color:var(--cyan); text-align:center; letter-spacing:.2em; font:700 12px var(--font-geist-mono),monospace; margin:2px 0 7px; }
.location { text-align:center; color:#8996a8; font-size:13px; }
.speed-grid { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.08); }
.speed-grid div { padding:21px 10px 4px 18px; }.speed-grid div+div{border-left:1px solid rgba(255,255,255,.08)}
.speed-grid small { display:block; color:#627084; font:9px var(--font-geist-mono),monospace; letter-spacing:.15em; }
.speed-grid strong { display:block; margin-top:7px; font-size:20px; }.speed-grid strong span{font-size:10px;color:#8390a2;font-weight:500}
.plans-section { padding:110px max(20px,calc((100% - 1180px)/2)); background:#0b0f16; border-top:1px solid rgba(255,255,255,.06); }
.section-heading { max-width:600px; margin-bottom:48px; }.section-heading h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.055em;margin:16px 0}.section-heading>p:last-child{color:var(--muted)}
.plans-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.plan-card { position:relative; border:1px solid rgba(255,255,255,.1); padding:34px; min-height:400px; background:#0e141d; }
.plan-card.featured { border-color:rgba(25,230,209,.6); background:linear-gradient(145deg,rgba(25,230,209,.09),#0e141d 45%); transform:translateY(-12px); }
.popular { position:absolute;right:18px;top:18px;color:#051513;background:var(--cyan);font:700 9px var(--font-geist-mono);padding:6px 9px;letter-spacing:.1em}
.plan-kicker { color:var(--cyan);font:600 10px var(--font-geist-mono);letter-spacing:.17em}.plan-card h3{font-size:28px;margin:15px 0}.price{color:#98a5b7}.price b{font-size:42px;color:white;letter-spacing:-.04em}
.plan-card ul{list-style:none;padding:0;margin:30px 0;color:#a9b4c5;line-height:2.15;font-size:14px}.plan-card li:before{content:"✓";color:var(--cyan);margin-right:10px}.plan-card button{width:100%;padding:14px;border:1px solid rgba(255,255,255,.16);background:transparent;color:white;cursor:pointer}.featured button{background:var(--cyan);color:#04110f;border-color:var(--cyan);font-weight:750}
.advantages { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:100px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:50px; }
.advantages article{border-top:1px solid #2b3543;padding-top:24px}.advantages span{font:11px var(--font-geist-mono);color:var(--cyan)}.advantages h3{font-size:21px;margin:18px 0 10px}.advantages p{color:var(--muted);line-height:1.65;font-size:14px}
footer { width:min(1180px,calc(100% - 40px)); margin:auto; padding:36px 0 48px; border-top:1px solid rgba(255,255,255,.08); display:flex;align-items:center;justify-content:space-between;color:#778497;font-size:13px; }
footer>a:last-child{color:#b7c2d2}
@media(max-width:850px){.site-header>nav{display:none}.hero{grid-template-columns:1fr;padding:70px 0}.connection-card{justify-self:center}.plans-grid,.advantages{grid-template-columns:1fr}.plan-card.featured{transform:none}.hero-proof{gap:22px}footer{align-items:flex-start;flex-direction:column;gap:20px}.header-login{display:none}}
@media(max-width:520px){.site-header,.hero,.advantages,footer{width:calc(100% - 28px)}h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{justify-content:space-between;gap:8px}.connection-card{padding:16px}.plans-section{padding:80px 14px}.plan-card{padding:26px}}

button:disabled { opacity:.55; cursor:wait; }
.trial-button { background:transparent; border:0; cursor:pointer; }
.notice { max-width:1180px; margin:0 auto 26px; border:1px solid rgba(25,230,209,.25); background:rgba(25,230,209,.07); color:#c8faf4; padding:15px 17px; border-radius:4px; line-height:1.5; }
.site-header.compact { height:76px; }
.portal-main { min-height:100vh; overflow-x:clip; overflow-y:visible; background:radial-gradient(circle at 84% 2%,rgba(48,80,255,.15),transparent 25%),#080c12; }
.dashboard-shell,.support-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:72px 0 100px; }
.dashboard-title { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:45px; }
.dashboard-title h1 { font-size:clamp(44px,7vw,76px); margin:14px 0 15px; }
.dashboard-title>div>p:last-child { color:var(--muted); line-height:1.6; max-width:650px; }
.primary-button.small { min-width:215px; margin-bottom:9px; }
.dashboard-section { margin-top:58px; }
.section-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.section-row h2 { margin:0; font-size:24px; letter-spacing:-.035em; }
.section-row>span { color:var(--cyan); font:12px var(--font-geist-mono),monospace; border:1px solid rgba(25,230,209,.25); padding:6px 9px; }
.subscription-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:18px; }
.subscription-card,.list-card,.support-form { background:linear-gradient(145deg,rgba(16,27,39,.96),rgba(11,17,25,.98)); border:1px solid rgba(255,255,255,.1); padding:25px; }
.subscription-top { display:flex; justify-content:space-between; align-items:center; color:#64738a; font:11px var(--font-geist-mono),monospace; }
.status-pill { display:inline-flex; align-items:center; width:max-content; border:1px solid rgba(25,230,209,.35); color:var(--cyan); padding:6px 9px; text-transform:uppercase; font:700 9px var(--font-geist-mono),monospace; letter-spacing:.08em; }
.status-pill.expired,.status-pill.disabled,.status-pill.closed { color:#a4afbe; border-color:#3c4757; }
.status-pill.apply_failed,.status-pill.payment_mismatch { color:#ffb67b; border-color:#7b4b2f; }
.subscription-card h3 { font-size:25px; margin:23px 0; }
.subscription-card dl { margin:0 0 22px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.subscription-card dl div { border-top:1px solid rgba(255,255,255,.08); padding-top:13px; }
.subscription-card dt { color:#68768a; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.subscription-card dd { margin:7px 0 0; font-size:14px; }
.key-box { display:flex; align-items:stretch; border:1px solid rgba(25,230,209,.2); background:#071016; min-width:0; }
.key-box code { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:13px; color:#85c9c3; font:11px var(--font-geist-mono),monospace; }
.key-box button { border:0; border-left:1px solid rgba(25,230,209,.2); background:rgba(25,230,209,.09); color:var(--cyan); padding:0 12px; cursor:pointer; font-size:11px; }
.card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.card-actions a,.card-actions button { border:1px solid rgba(255,255,255,.14); padding:10px 12px; background:transparent; color:#bdc8d7; cursor:pointer; font-size:12px; }
.card-actions .action-primary { color:#061816; background:var(--cyan); border-color:var(--cyan); font-weight:700; }
.devices-panel { margin-top:20px; padding-top:17px; border-top:1px solid rgba(255,255,255,.08); }
.devices-panel .section-row { margin-bottom:8px; }.devices-panel .section-row button{background:transparent;border:0;color:#ffad8e;cursor:pointer;font-size:11px}
.device-line { display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:12px; }.device-line small{color:#708096}
.empty-card { border:1px dashed rgba(255,255,255,.16); padding:34px; color:#93a0b2; }.empty-card h3{color:white;margin-top:0}.empty-card a{color:var(--cyan)}
.empty-card.embedded { border:0; padding:15px 0; }
.two-columns { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.order-line { display:grid; grid-template-columns:1fr auto auto; gap:18px; align-items:center; border-bottom:1px solid rgba(255,255,255,.07); padding:15px 0; }
.order-line:first-child { padding-top:0; }.order-line:last-child{border:0;padding-bottom:0}.order-line strong,.order-line small,.order-line b,.order-line span{display:block}.order-line small,.order-line span{color:#6f7d91;font-size:11px;margin-top:5px}.order-line a{color:var(--cyan);font-size:12px}
.platforms-list details { border-bottom:1px solid rgba(255,255,255,.08); padding:15px 0; }.platforms-list details:first-child{padding-top:0}.platforms-list details:last-child{border:0;padding-bottom:0}.platforms-list summary{display:flex;justify-content:space-between;cursor:pointer}.platforms-list summary b{color:var(--cyan);font-size:12px}.platforms-list p{white-space:pre-line;color:#8795a8;font-size:12px;line-height:1.7}.platforms-list a{color:var(--cyan);font-size:12px}
.muted-line { color:#78879b; font-size:13px; line-height:1.6; }
.support-title { align-items:flex-start; }
.support-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; }
.support-form h2,.tickets-column h2 { margin-top:0; }
.support-form label { display:grid; gap:9px; margin:0 0 18px; color:#91a0b4; font-size:12px; }
.support-form input,.support-form select,.support-form textarea { width:100%; border:1px solid rgba(255,255,255,.14); background:#080e15; color:#eef6ff; border-radius:0; padding:13px 14px; outline:none; font:14px var(--font-geist-sans),sans-serif; resize:vertical; }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus { border-color:rgba(25,230,209,.6); box-shadow:0 0 0 3px rgba(25,230,209,.06); }
.form-button { border:0; width:100%; cursor:pointer; }
.tickets-list article { padding:4px 0 20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.08); }.tickets-list article:last-child{border:0;margin:0;padding-bottom:0}.tickets-list article>div{display:flex;justify-content:space-between;align-items:center}.tickets-list article small{color:#67768b}.tickets-list h3{font-size:17px;margin:15px 0 7px}.tickets-list p{color:#8391a4;font-size:13px;line-height:1.5;margin:0}
.ticket-open { border:0; background:transparent; color:var(--cyan); padding:12px 0 0; cursor:pointer; font-size:12px; }
.ticket-dialog { border:1px solid rgba(25,230,209,.28); background:#0c1721; padding:20px; margin-bottom:18px; }
.ticket-dialog .section-row { align-items:flex-start; }.ticket-dialog h3{margin:12px 0 0}.ticket-dialog .section-row>button{border:0;background:transparent;color:#8391a4;cursor:pointer;font-size:11px}
.ticket-messages { display:grid; gap:10px; max-height:390px; overflow:auto; padding:8px 0 16px; }
.ticket-message { max-width:86%; background:#111e29; border:1px solid rgba(255,255,255,.07); padding:12px 14px; }.ticket-message.admin{justify-self:start;border-color:rgba(25,230,209,.22)}.ticket-message.user{justify-self:end;background:#142139}.ticket-message small{color:#718196;font-size:10px}.ticket-message p{white-space:pre-wrap;margin:7px 0 0;color:#d4deeb;font-size:13px;line-height:1.55}
.ticket-reply { display:flex; gap:8px; border-top:1px solid rgba(255,255,255,.08); padding-top:15px; }.ticket-reply textarea{flex:1;min-width:0;border:1px solid rgba(255,255,255,.14);background:#080e15;color:white;padding:11px;resize:vertical}.ticket-reply button{border:0;background:var(--cyan);color:#061816;padding:0 16px;font-weight:700;cursor:pointer}
@media(max-width:850px){.dashboard-title{align-items:flex-start;flex-direction:column}.two-columns,.support-grid{grid-template-columns:1fr}.subscription-grid{grid-template-columns:1fr}.dashboard-shell,.support-shell{padding-top:50px}.primary-button.small{margin:0}}
@media(max-width:520px){.dashboard-shell,.support-shell{width:calc(100% - 28px)}.dashboard-title h1{font-size:46px}.subscription-card,.list-card,.support-form{padding:19px}.subscription-card dl{grid-template-columns:1fr}.order-line{grid-template-columns:1fr auto}.order-line a{grid-column:1/-1}.key-box{display:block}.key-box button{width:100%;border-left:0;border-top:1px solid rgba(25,230,209,.2);padding:10px}}

.profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; }
.profile-grid .support-form { height:100%; }
.profile-status-card { grid-column:span 1; }
.profile-facts { margin:15px 0 24px; display:grid; gap:12px; }
.profile-facts div { border-top:1px solid rgba(255,255,255,.08); padding-top:12px; }
.profile-facts dt { color:#748398; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.profile-facts dd { margin:6px 0 0; overflow-wrap:anywhere; }
.telegram-link-box { margin-top:18px; padding:18px; border:1px solid rgba(25,230,209,.25); background:rgba(25,230,209,.05); }
.telegram-link-box .primary-button { display:inline-flex; margin:8px 0; }
.telegram-link-box code { color:var(--cyan); overflow-wrap:anywhere; }
.admin-shell { width:min(1380px,calc(100% - 40px)); margin:0 auto; padding:58px 0 100px; }
.admin-shell .dashboard-title h1 { font-size:clamp(42px,6vw,68px); }
.admin-metrics { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:28px; }
.admin-metrics article { border:1px solid rgba(255,255,255,.1); background:#0d151f; padding:18px; }
.admin-metrics span { color:#78879b; display:block; font-size:11px; text-transform:uppercase; }
.admin-metrics b { display:block; font-size:28px; margin-top:12px; color:var(--cyan); }
.admin-tabs { display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:12px; margin-bottom:24px; }
.admin-tabs button,.admin-toolbar button,.admin-table button,.admin-back { border:1px solid rgba(255,255,255,.13); background:#101923; color:#aebacc; padding:9px 12px; cursor:pointer; }
.admin-tabs button.active { background:var(--cyan); color:#061816; border-color:var(--cyan); font-weight:700; }
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.admin-toolbar input { flex:1; max-width:520px; border:1px solid rgba(255,255,255,.14); background:#080e15; color:white; padding:12px; }
.admin-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.09); }
.admin-table { width:100%; border-collapse:collapse; min-width:760px; background:#0c131c; }
.admin-table th,.admin-table td { padding:13px 14px; text-align:left; border-bottom:1px solid rgba(255,255,255,.07); font-size:12px; vertical-align:middle; }
.admin-table th { color:#708096; font-size:10px; text-transform:uppercase; letter-spacing:.08em; background:#0a1017; }
.admin-table td small { display:block; color:#6e7d91; margin-top:4px; }
.admin-table code { color:#84c9c2; }
.admin-detail { max-width:980px; }
.admin-detail>p,.admin-card span { color:#7d8b9f; }
.admin-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.admin-card { border:1px solid rgba(255,255,255,.1); background:#0d1721; padding:18px; margin:12px 0; }
.admin-card>b,.admin-card>span { display:block; }.admin-card>span{margin-top:8px;font-size:12px}
.admin-form { max-width:720px; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 16px; }
.admin-summary { display:flex; justify-content:space-between; gap:20px; border:1px solid rgba(25,230,209,.2); padding:18px; margin-bottom:30px; }
.admin-panel h2 { margin:34px 0 16px; }.admin-panel h2:first-child{margin-top:0}
@media(max-width:1000px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr 1fr}.profile-status-card{grid-column:1/-1}}
@media(max-width:650px){.admin-shell{width:calc(100% - 28px)}.admin-metrics{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.profile-status-card{grid-column:auto}.form-grid{grid-template-columns:1fr}}

/* v2.1.2 · mobile navigation, touch targets and responsive control centers */
.mobile-nav { display:none; position:relative; margin-left:auto; }
.mobile-nav summary { list-style:none; min-width:48px; min-height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); color:#d8e2ef; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.04em; user-select:none; }
.mobile-nav summary::-webkit-details-marker { display:none; }
.mobile-nav[open] summary { border-color:rgba(25,230,209,.55); color:var(--cyan); background:rgba(25,230,209,.08); }
.mobile-nav>div { position:absolute; z-index:30; right:0; top:calc(100% + 10px); width:min(260px,calc(100vw - 28px)); padding:8px; background:#0d1721; border:1px solid rgba(25,230,209,.28); box-shadow:0 22px 60px rgba(0,0,0,.62); }
.mobile-nav a { display:flex; align-items:center; min-height:46px; padding:10px 13px; color:#c6d2e0; border-bottom:1px solid rgba(255,255,255,.07); font-size:14px; }
.mobile-nav a:last-child { border-bottom:0; }
.mobile-nav a:active { color:var(--cyan); background:rgba(25,230,209,.07); }
button,.primary-button,.header-login,.card-actions a,.mobile-nav summary,.mobile-nav a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.card-actions a,.card-actions button,.admin-tabs button,.admin-toolbar button,.admin-table button,.admin-back,.ticket-open { min-height:44px; }
.admin-table code,.admin-card code { overflow-wrap:anywhere; word-break:break-word; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.primary-button { min-height:48px; align-items:center; }
.support-form input[type="checkbox"] { display:inline-block; width:22px; height:22px; min-height:22px; margin:0 9px 0 0; padding:0; vertical-align:middle; accent-color:var(--cyan); }
.support-form label:has(input[type="checkbox"]) { display:flex; align-items:center; min-height:44px; gap:0; }
.platforms-list summary,.platforms-list a,footer>a { min-height:44px; display:flex; align-items:center; }
.admin-table-wrap:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }

@media(max-width:850px) {
  .site-header { height:calc(72px + env(safe-area-inset-top)); padding-top:env(safe-area-inset-top); }
  .site-header.compact { height:calc(70px + env(safe-area-inset-top)); }
  .site-header>nav,.site-header>.header-login { display:none; }
  .mobile-nav { display:block; }
  .hero { min-height:auto; grid-template-columns:minmax(0,1fr); gap:42px; padding:54px 0 70px; }
  .hero-glow { width:360px; height:360px; right:-100px; top:220px; }
  .connection-card { justify-self:center; }
  .plans-section { padding-top:82px; padding-bottom:82px; }
  .advantages { padding:78px 0; gap:34px; }
  .dashboard-shell,.support-shell { padding:48px 0 78px; }
  .dashboard-title { gap:24px; margin-bottom:34px; }
  .dashboard-title .primary-button.small { width:min(100%,330px); }
  .dashboard-section { margin-top:44px; }
  .profile-grid { grid-template-columns:1fr 1fr; }
  .profile-status-card { grid-column:1/-1; }
  .admin-shell { padding:44px 0 80px; }
  .admin-tabs { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; scroll-snap-type:x proximity; padding:0 0 13px; }
  .admin-tabs::-webkit-scrollbar { display:none; }
  .admin-tabs button { flex:0 0 auto; white-space:nowrap; scroll-snap-align:start; }
}

@media(max-width:560px) {
  .site-header,.hero,.advantages,footer,.dashboard-shell,.support-shell,.admin-shell { width:calc(100% - 28px); }
  .site-header { min-width:0; }
  .brand { gap:9px; font-size:15px; }
  .brand-mark { width:32px; height:32px; flex:0 0 32px; }
  h1 { font-size:clamp(40px,13.5vw,52px); line-height:.98; letter-spacing:-.055em; overflow-wrap:anywhere; }
  .dashboard-title h1,.admin-shell .dashboard-title h1 { font-size:clamp(38px,12vw,48px); line-height:1; }
  .hero { padding:42px 0 60px; gap:34px; }
  .hero-lead { font-size:16px; line-height:1.6; }
  .hero-actions { width:100%; gap:18px; margin-top:28px; }
  .hero-actions .primary-button,.dashboard-title .primary-button.small,.telegram-link-box .primary-button { width:100%; min-width:0; }
  .text-button { min-height:44px; padding:10px 0; }
  .hero-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; margin-top:38px; }
  .hero-proof span { min-width:0; font-size:9px; line-height:1.35; }
  .hero-proof b { font-size:16px; }
  .connection-card { width:100%; padding:15px; }
  .orb-wrap { height:220px; overflow:hidden; }
  .secure-orb { width:112px; height:112px; }
  .secure-orb span { font-size:36px; }
  .orbit-one { width:min(230px,72vw); }
  .orbit-two { width:min(285px,88vw); }
  .speed-grid div { padding:18px 8px 4px 12px; }
  .plans-section { padding:66px 14px; }
  .section-heading { margin-bottom:34px; }
  .section-heading h2 { font-size:clamp(34px,11vw,44px); line-height:1.02; }
  .plans-grid { grid-template-columns:minmax(0,1fr); }
  .plan-card { min-height:0; padding:24px 20px; }
  .popular { right:14px; top:14px; }
  .plan-card h3 { padding-right:84px; font-size:25px; }
  .price b { font-size:38px; }
  .advantages { padding:66px 0; }
  footer { padding-bottom:calc(42px + env(safe-area-inset-bottom)); }
  .dashboard-shell,.support-shell,.admin-shell { padding-top:38px; padding-bottom:68px; }
  .dashboard-title { margin-bottom:28px; }
  .dashboard-title>div { min-width:0; }
  .dashboard-title>div>p:last-child { font-size:14px; }
  .notice { margin-bottom:20px; padding:13px 14px; font-size:13px; overflow-wrap:anywhere; }
  .section-row { align-items:flex-start; flex-wrap:wrap; gap:10px; }
  .section-row h2 { font-size:21px; }
  .subscription-grid { min-width:0; }
  .subscription-card,.list-card,.support-form { min-width:0; padding:18px 16px; }
  .subscription-top { align-items:flex-start; gap:10px; flex-wrap:wrap; }
  .subscription-card h3 { font-size:22px; margin:20px 0; overflow-wrap:anywhere; }
  .subscription-card dl { grid-template-columns:1fr; }
  .key-box { display:block; }
  .key-box code { display:block; width:100%; }
  .key-box button { width:100%; min-height:44px; border-left:0; border-top:1px solid rgba(25,230,209,.2); }
  .subscription-card .card-actions,.profile-status-card .card-actions,.admin-card .card-actions { display:grid; grid-template-columns:1fr; }
  .subscription-card .card-actions a,.subscription-card .card-actions button,.profile-status-card .card-actions button,.admin-card .card-actions button { width:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
  .device-line { align-items:flex-start; flex-direction:column; gap:4px; }
  .order-line { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  .order-line>div { min-width:0; }
  .order-line strong,.order-line small { overflow-wrap:anywhere; }
  .order-line a { grid-column:1/-1; min-height:44px; display:flex; align-items:center; }
  .platforms-list summary { align-items:flex-start; gap:12px; }
  .platforms-list summary span { min-width:0; overflow-wrap:anywhere; }
  .support-grid { gap:20px; }
  .support-form input,.support-form select,.support-form textarea,.ticket-reply textarea,.admin-toolbar input { font-size:16px; min-height:46px; }
  .tickets-list article>div { align-items:flex-start; gap:10px; flex-wrap:wrap; }
  .ticket-dialog { padding:15px 13px; }
  .ticket-dialog .section-row { align-items:stretch; flex-direction:column; }
  .ticket-dialog .section-row>button { min-height:44px; align-self:flex-start; padding:10px 0; }
  .ticket-message { max-width:94%; padding:11px 12px; }
  .ticket-message p { overflow-wrap:anywhere; }
  .ticket-reply { flex-direction:column; }
  .ticket-reply button { width:100%; min-height:46px; padding:12px 16px; }
  .profile-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .profile-status-card { grid-column:auto; }
  .telegram-link-box { padding:15px 13px; }
  .telegram-link-box code { display:block; margin-top:8px; }
  .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .admin-metrics article { min-width:0; padding:14px 12px; }
  .admin-metrics span { font-size:9px; overflow-wrap:anywhere; }
  .admin-metrics b { font-size:24px; margin-top:8px; }
  .admin-tabs { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; }
  .admin-toolbar { align-items:stretch; flex-direction:column; }
  .admin-toolbar input,.admin-toolbar button { width:100%; max-width:none; min-height:46px; }
  .admin-summary { align-items:flex-start; flex-direction:column; gap:8px; }
  .admin-card-grid { grid-template-columns:minmax(0,1fr); }
  .admin-card { padding:16px 14px; overflow-wrap:anywhere; }
  .admin-table-wrap { overflow:visible; border:0; }
  .admin-table { display:block; min-width:0; background:transparent; }
  .admin-table thead { display:none; }
  .admin-table tbody { display:grid; gap:12px; }
  .admin-table tr { display:block; padding:7px 13px; border:1px solid rgba(255,255,255,.1); background:#0c131c; }
  .admin-table td { display:grid; grid-template-columns:minmax(82px,34%) minmax(0,1fr); gap:12px; align-items:start; width:100%; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); text-align:right; overflow-wrap:anywhere; }
  .admin-table td:last-child { border-bottom:0; }
  .admin-table td::before { content:attr(data-label); color:#708096; font-size:9px; line-height:1.45; text-align:left; text-transform:uppercase; letter-spacing:.07em; }
  .admin-table td button { width:100%; margin:2px 0; }
  .admin-form { max-width:none; }
  .form-grid { grid-template-columns:1fr; }
  .empty-card { padding:24px 18px; }
}

@media(max-width:350px) {
  .brand { font-size:14px; }
  .mobile-nav>div { width:calc(100vw - 20px); right:-2px; }
  .hero-proof { grid-template-columns:1fr; }
  .hero-proof span { display:grid; grid-template-columns:52px 1fr; align-items:center; }
  .hero-proof b { margin:0; }
  .admin-table td { display:block; text-align:left; }
  .admin-table td::before { display:block; margin-bottom:6px; }
}

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}