:root{color-scheme:dark;--bg:#080d14;--card:#111b26;--line:#273544;--text:#f4f7fb;--muted:#9baec0;--accent:#62e6d8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#143c4266,transparent 45%),var(--bg);color:var(--text);line-height:1.6}button,input,a{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c3fff7;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1080px;margin:auto;padding:0 32px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{font-weight:850;font-size:28px;letter-spacing:-1.5px;color:white;text-decoration:none}.brand span{font-size:11px;letter-spacing:2px;color:var(--accent);margin-left:10px}.header-note{color:var(--muted);font-size:13px}header button{margin-left:auto}main{min-height:70vh;padding:36px 0 60px}.intro{padding:25px 0 40px}.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--accent);text-transform:uppercase}h1{font-size:clamp(32px,4.5vw,49px);line-height:1.17;letter-spacing:-1.9px;margin:16px 0 18px}h1 span{color:var(--muted)}h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:18px 0 14px}p{color:var(--muted);font-size:14px;margin:12px 0 22px}.intro p{font-size:16px;max-width:530px}.login-grid,.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px}.telegram-card{background:linear-gradient(135deg,#14262e,#111b26)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}input{width:100%;border:1px solid #3b4c60;border-radius:12px;background:#090f17;color:white;padding:16px;font-size:15px;min-width:0}input::placeholder{color:#698095}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:14px 20px;border-radius:12px;border:0;font-weight:700;font-size:14px;margin-top:16px}.primary{background:var(--accent);color:#052c2c}.primary:hover{background:#a1f6eb}.secondary{background:#1a2c3b;border:1px solid #395368;color:#d5e9f7}.secondary:hover{background:#263f50}.link-button{text-decoration:none;justify-content:center;text-align:center}.text-button{border:0;background:none;color:var(--accent);font-size:13px;padding:10px}.footnote{font-size:12px;margin-bottom:0}.tip{font-size:13px;padding:18px;border-radius:12px;background:#102d35;color:#b9dfde;margin-top:24px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 28px}.page-heading h1{font-size:38px;margin:8px 0}.pill{font-size:11px;border:1px solid #3c5c5d;color:#abeddf;background:#15312f;border-radius:50px;padding:5px 12px}.guest-banner{display:flex;align-items:center;gap:32px;justify-content:space-between;padding:30px 34px;border:1px solid #58cfb9;border-radius:22px;background:linear-gradient(120deg,#193f3d,#102a33);margin-bottom:24px}.guest-banner h2{font-size:30px;line-height:1.18;margin:12px 0}.guest-banner p{margin:14px 0 0;max-width:490px;color:#b5d9d5}.guest-banner button{width:auto;min-width:225px;flex-shrink:0;margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.subscription-card h2{font-size:32px;margin-top:30px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}.metrics span{display:block;font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:24px;font-weight:600;margin-top:5px}.dashboard-grid{margin-top:24px}.devices-card{margin-top:20px}.devices-card h2{margin-top:8px}.device{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0}.device strong{display:block;font-size:15px;overflow-wrap:anywhere}.device small{display:block;color:var(--muted)}.device button{background:#271e26;border:1px solid #6b454e;color:#f8b4b4;border-radius:10px;padding:9px 14px}.empty{padding:20px 0;color:var(--muted);font-size:14px}#notice{border:1px solid #3f756d;background:#133b34;border-radius:12px;padding:16px 20px;font-size:14px;margin-bottom:24px}#notice.error{background:#321e29;border-color:#774858;color:#ffccd6}footer{display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;font-size:12px;color:var(--muted)}footer>span:first-child{font-weight:800;white-space:nowrap}dialog{background:#121e29;color:var(--text);border:1px solid #426071;border-radius:22px;width:calc(100% - 32px);max-width:450px;padding:32px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#030a12d9;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#a3b6c7;font-size:28px}#telegram-status{font-size:12px;margin-bottom:0}@media(max-width:720px){.shell{padding:0 20px}header{height:76px;gap:15px}.header-note{font-size:11px}main{padding-top:24px}.intro{padding:14px 0 26px}.login-grid,.dashboard-grid{grid-template-columns:1fr}.card{padding:24px}.guest-banner{flex-direction:column;align-items:stretch;padding:25px;gap:22px}.guest-banner h2{font-size:27px}.guest-banner button{width:100%}.page-heading h1{font-size:30px}.page-heading{gap:12px}.pill{font-size:10px}.device{align-items:flex-start}footer{flex-direction:column;gap:8px}.brand{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
select{font:inherit;width:100%;border:1px solid #3b4c60;border-radius:12px;background:#090f17;color:white;padding:16px;font-size:15px;min-width:0}select:focus-visible{outline:3px solid #c3fff7;outline-offset:4px}.renewal-card .text-button{margin-top:14px}#checkout-status{font-size:13px}#checkout-dialog label{margin-top:20px}
.provisioning{display:flex;gap:26px;align-items:flex-start;margin-bottom:30px;padding:30px;border:1px solid #386763;border-radius:22px;background:linear-gradient(120deg,#143533,#111d2a)}.provisioning-content{flex:1;min-width:0}.provisioning h2{font-size:28px;margin:8px 0 12px}.provisioning p{margin:0 0 16px}.provisioning .footnote{margin:18px 0 0;color:#b5d0cf}.provisioning a{display:inline-block;font-size:13px;margin-top:12px}.provisioning-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#62e6d812;flex-shrink:0;margin-top:5px}.provisioning-icon::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid #62e6d826;border-top-color:var(--accent);animation:provision-spin 1.2s linear infinite}.provisioning-icon span{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px #62e6d855}.provisioning-track{height:5px;border-radius:9px;overflow:hidden;background:#ffffff12;margin:22px 0}.provisioning-track span{display:block;width:35%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62e6d833,var(--accent));animation:provision-scan 1.9s ease-in-out infinite}.provisioning-steps{display:flex;gap:20px;list-style:none;padding:0;margin:0;color:#91a4b4;font-size:12px;counter-reset:stage}.provisioning-steps li{display:flex;align-items:center;gap:8px;flex:1;counter-increment:stage}.provisioning-steps li::before{content:counter(stage);display:grid;place-items:center;border:1px solid #42545f;width:23px;height:23px;border-radius:50%;flex-shrink:0;font-size:11px}.provisioning-steps li.complete{color:#aeede1}.provisioning-steps li.complete::before{content:"✓";border-color:#47998b;background:#21483f}.provisioning-steps [aria-current]{color:white}.provisioning-steps [aria-current]::before{border-color:var(--accent);box-shadow:0 0 0 3px #62e6d81a}.provisioning[data-state=ready] .provisioning-icon::before,.provisioning[data-state=review] .provisioning-icon::before,.provisioning[data-state=payment] .provisioning-icon::before{animation:none;border-color:#47998b}.provisioning[data-state=ready] .provisioning-icon span{width:auto;height:auto;background:none;box-shadow:none}.provisioning[data-state=ready] .provisioning-icon span::after{content:"✓";font-size:32px;color:var(--accent)}.provisioning[data-state=ready] .provisioning-track span{width:100%;animation:none;background:var(--accent)}.provisioning[data-state=review] .provisioning-track,.provisioning[data-state=payment] .provisioning-track{display:none}.provisioning[data-state=review]{border-color:#8e7647;background:linear-gradient(120deg,#332c20,#141d27)}.is-busy::before,.status-loading::before{content:"";display:inline-block;flex-shrink:0;vertical-align:middle;width:17px;height:17px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:provision-spin .9s linear infinite;margin-right:8px}.status-loading{display:flex;align-items:center;gap:4px}.is-busy{justify-content:center}@keyframes provision-spin{to{transform:rotate(360deg)}}@keyframes provision-scan{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@media(max-width:720px){.provisioning{padding:24px;gap:16px;flex-direction:column}.provisioning-icon{width:48px;height:48px}.provisioning h2{font-size:24px}.provisioning-steps{flex-direction:column;gap:12px}.provisioning-content{width:100%}}@media(prefers-reduced-motion:reduce){.provisioning-icon::before,.provisioning-track span,.is-busy::before,.status-loading::before{animation:none}.provisioning-track span{width:45%;background:var(--accent)}}

.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:24px 0}.quick-link{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--card);text-decoration:none}.quick-link:hover{border-color:var(--accent)}.quick-link strong{font-size:14px}.quick-link span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.promo-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:20px}.promo-card h2{margin:10px 0}.promo-card p{margin:10px 0}.promo-input-row{display:flex;gap:10px}.promo-input-row .primary{width:auto;margin:0;flex-shrink:0}.promo-card .error{color:#ffb7c6}.payment-documents{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.payment-documents h3{font-size:14px;margin:0 0 12px}.payment-documents nav{display:grid;gap:10px;font-size:12px}.payment-documents p{margin:14px 0 0}.legal-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:0 0 24px;font-size:12px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}@media(max-width:720px){.promo-card{grid-template-columns:1fr;gap:18px}.quick-links{grid-template-columns:1fr}.promo-input-row{flex-direction:column}.promo-input-row .primary{justify-content:center}.legal-links{flex-direction:column}}

/* Cabinet polish: clear hierarchy and compact touch targets. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:radial-gradient(ellipse at 80% -10%,#13434b70,transparent 46%),radial-gradient(ellipse at 0 65%,#102c3926,transparent 40%),var(--bg)}
.shell{max-width:1120px}header{height:88px}.brand{display:inline-flex;align-items:baseline;flex-shrink:0}
.card{box-shadow:0 8px 30px #00000016;border-color:#2a3b49}.card h2{letter-spacing:-.7px}
.heading-caption{margin:6px 0 0;font-size:14px}.page-heading{margin:0 0 22px}.page-heading h1{font-size:40px}.page-heading .pill{white-space:nowrap}
.section-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:24px;flex-wrap:wrap}
.section-nav a{font-size:13px;font-weight:600;text-decoration:none;padding:8px 16px;border-radius:9px;color:#b7c7d5;background:#ffffff05}
.section-nav a:hover{color:var(--accent);background:#62e6d812}
.guest-banner{border-color:#346a68;padding:23px 28px;gap:24px;background:linear-gradient(115deg,#173a3b,#11262f);margin-bottom:20px;box-shadow:inset 3px 0 0 #62e6d8}
.guest-banner h2{font-size:25px;margin:9px 0;line-height:1.2}.guest-banner p{font-size:13px;margin-top:10px;max-width:470px}.guest-banner .eyebrow{font-size:10px}.guest-banner button{min-width:210px}
.dashboard-grid{gap:20px;margin-top:20px;grid-template-columns:1.08fr 1fr}.subscription-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#24595d70,transparent 65%),linear-gradient(145deg,#142b32,#101d28);border-color:#365963}
.subscription-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-heading>div:first-child{min-width:0}.subscription-card h2{font-size:36px;margin:27px 0 7px}.subscription-heading p{margin:0;font-size:13px}.connection-emblem{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;border:1px solid #62e6d830;border-radius:24px;background:#62e6d80a;margin-top:18px;transform:rotate(5deg)}.connection-emblem svg{width:50px;height:50px;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}
.subscription-hint{font-size:12px;margin:14px 0 22px;color:#b7d6d5}.subscription-card .metrics{border-color:#ffffff15}.subscription-card .metrics strong{font-size:23px}.subscription-card .primary{margin-top:22px}.subscription-card[data-state=expiring] #status{color:#ffe0a0;border-color:#93713b;background:#44391f}.subscription-card[data-state=inactive] #status{color:#c6cfda;border-color:#56616d;background:#28323d}.subscription-card[data-state=inactive] .connection-emblem{opacity:.4}.subscription-card[data-state=expiring] .subscription-hint{color:#ffdda3}
.renewal-card h2{margin:12px 0}.renewal-card>p{font-size:13px}.renewal-card #balance{color:#c6dcd9}.primary{box-shadow:0 4px 16px #62e6d812}.primary,.secondary,.quick-link,.section-nav a{transition:background .15s ease,border-color .15s ease}.primary:active,.secondary:active{transform:translateY(1px)}
.promo-card{padding:24px 30px}.promo-card h2{font-size:23px}.promo-card>div>p:not(.footnote){font-size:13px}.quick-links{margin-top:24px}.quick-link{background:#101b25;padding:17px 20px}.quick-link strong{font-weight:600}.quick-link span{font-size:11px}.devices-card>p{max-width:740px;font-size:13px}.device{padding:16px 0}.device button{min-height:42px}.device strong{font-weight:600}.device small{font-size:12px;margin-top:4px}.legal-links{gap:10px 20px}footer{font-size:11px}input,select{font-size:16px}dialog{box-shadow:0 30px 110px #000a}
body.miniapp{padding-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));padding-bottom:calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px))}
@media(max-width:720px){.shell{padding:0 18px}header{height:70px;gap:14px}.header-note{font-size:11px}main{padding:26px 0 34px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:30px}.page-heading .pill{white-space:normal;max-width:110px;text-align:center;font-size:10px;margin-top:8px}.heading-caption{font-size:12px;max-width:220px}.section-nav{gap:4px;margin-bottom:20px;padding-bottom:14px}.section-nav a{font-size:12px;padding:7px 10px}.guest-banner{padding:21px 23px;gap:17px;border-radius:18px}.guest-banner h2{font-size:24px}.guest-banner h2 br{display:none}.guest-banner p{font-size:12px}.guest-banner button{min-width:0;min-height:48px;padding:12px 17px}.card{padding:24px;border-radius:18px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.subscription-card h2{font-size:33px}.connection-emblem{width:64px;height:64px;border-radius:20px}.connection-emblem svg{width:43px;height:43px}.subscription-hint{margin-bottom:20px}.subscription-card .metrics strong{font-size:22px}.promo-card{gap:16px}.promo-card .footnote{font-size:11px}.quick-links{grid-template-columns:1fr;gap:8px}.quick-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:12px}.quick-link strong{font-size:13px;white-space:nowrap}.quick-link span{margin:0;font-size:11px;text-align:right;max-width:140px}.devices-card .row{align-items:flex-start}.devices-card h2{font-size:24px}.device{gap:10px}.device button{font-size:12px;padding:8px 12px}dialog{padding:26px 24px}.legal-links{font-size:11px}.intro{padding-top:5px}}
@media(max-width:360px){.page-heading{flex-wrap:wrap}.page-heading .pill{max-width:none;margin:0}.quick-link span{display:none}.connection-emblem{width:48px;height:48px;border-radius:16px}.connection-emblem svg{width:34px;height:34px}.section-nav a{font-size:11px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.quick-link,.section-nav a{transition:none}}

/* Primary service shortcuts: prominent on both desktop and phone. */
.wallet-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;border-color:#42627c;background:linear-gradient(130deg,#152c3b,#101d28)}
.wallet-amount{display:block;font-size:38px;letter-spacing:-1px;margin:16px 0;color:#f3fbff}.wallet-card p{font-size:13px}.wallet-card .footnote{font-size:12px}.topup-history{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:16px}.topup-history button{text-align:left;max-width:100%}#topup-reference{overflow-wrap:anywhere}
@media(max-width:720px){.wallet-card{grid-template-columns:1fr;gap:16px}.wallet-amount{font-size:34px}}
.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}
.quick-link{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:146px;padding:25px 24px;border-radius:20px;border:1px solid #53b8ad;background:linear-gradient(130deg,#19564f,#123a3d);color:#f4fffd;box-shadow:0 8px 25px #0003}
.quick-link[data-service-link=channel]{background:linear-gradient(130deg,#214e7f,#183650);border-color:#5a98ce}
.quick-link[data-service-link=bot]{background:linear-gradient(130deg,#4c3c76,#302c53);border-color:#9582c5}
.quick-link:hover{border-color:#fff;filter:brightness(1.12)}
.quick-link:focus-visible{outline:3px solid white;outline-offset:4px}
.quick-link .service-icon{display:block;flex:0 0 48px;width:48px;height:48px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.quick-link .service-copy{min-width:0}
.quick-link strong{display:block;color:white;font-size:20px;font-weight:750;line-height:1.3;white-space:normal}
.quick-link .service-copy span{display:block;color:#deeeef;font-size:13px;line-height:1.5;text-align:left;max-width:none;margin:8px 0 0}
@media(min-width:721px) and (max-width:1000px){.quick-link{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.quick-link strong{font-size:19px}}
@media(max-width:720px){.quick-links{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.quick-link{min-height:112px;padding:22px 24px;gap:20px;border-radius:17px}.quick-link strong{font-size:21px}.quick-link .service-copy span{font-size:13px;margin-top:6px}.quick-link .service-icon{width:44px;height:44px;flex-basis:44px}}
@media(max-width:360px){.quick-link{padding:20px 18px;gap:15px}.quick-link strong{font-size:19px}.quick-link .service-icon{width:36px;height:36px;flex-basis:36px}.quick-link .service-copy span{font-size:12px}}

.history-card{margin-top:24px}.history-row{gap:16px}.history-row>div{min-width:0}.history-row button{flex-shrink:0;background:#1a2c3b;border-color:#395368;color:#d5e9f7}.account-reference{overflow-wrap:anywhere;user-select:all}
@media(max-width:560px){.history-row{align-items:flex-start;flex-direction:column}.history-row button{width:100%}}