:root{
  --bg:#08131f;--text:#f7fbff;--muted:rgba(235,243,255,.68);--soft:rgba(255,255,255,.13);
  --glass:rgba(255,255,255,.105);--line:rgba(255,255,255,.18);--accent:#67e8c9;--accent2:#79b8ff;
  --bad:#ff7f91;--warn:#ffd986;--r:28px;--r2:20px;--shadow:0 22px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:#08131f;overscroll-behavior:none}
html{height:100%;overflow-x:hidden;overflow-y:auto}
body{
  margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 20% -10%,rgba(103,232,201,.22),transparent 34%),
    radial-gradient(circle at 90% 0%,rgba(121,184,255,.22),transparent 36%),
    linear-gradient(180deg,#07111d 0%,#0b1624 58%,#101727 100%);
  height:100dvh;min-height:100dvh;padding:14px 14px calc(104px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;letter-spacing:0;
}
.live-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(135deg,#07111d,#0f1a2a 48%,#08131f)}
.live-bg:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 120deg at 50% 50%,rgba(103,232,201,.22),rgba(121,184,255,.2),rgba(255,255,255,.05),rgba(103,232,201,.22));filter:blur(34px);animation:bgSpin 16s linear infinite}
.live-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 82%);animation:gridMove 12s linear infinite}
.live-bg span{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 18%,rgba(103,232,201,.12) 36%,transparent 58%);transform:translateX(-50%);animation:sweep 8s ease-in-out infinite}
.live-bg span:nth-child(2){animation-delay:-2.6s;background:linear-gradient(70deg,transparent 0 24%,rgba(121,184,255,.12) 45%,transparent 68%)}
.live-bg span:nth-child(3){animation-delay:-5.1s;background:linear-gradient(145deg,transparent 0 30%,rgba(255,255,255,.08) 52%,transparent 74%)}
@keyframes bgSpin{to{transform:rotate(1turn)}}@keyframes gridMove{to{background-position:34px 34px}}@keyframes sweep{0%,100%{transform:translateX(-48%) translateY(-3%)}50%{transform:translateX(34%) translateY(4%)}}
button,input,textarea{font:inherit}
button{cursor:pointer}
.app{max-width:620px;margin:0 auto;width:100%;min-height:calc(100dvh - 120px)}
.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:12px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.logo{width:42px;height:42px;border-radius:16px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.logo-lg{width:64px;height:64px;border-radius:22px}.logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.glass,.quick,.store,.nav,.icon-btn,.input,.seg button{
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);
  backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);
}
.page{display:none}.page.on{display:block;animation:page .18s ease both}@keyframes page{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{border-radius:34px;padding:20px;display:grid;gap:16px}.kicker{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}
h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.05;margin:8px 0 14px}h2{font-size:25px}h3{font-size:17px;margin-bottom:12px}p{color:var(--muted);line-height:1.4}
.hero-stats,.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-stats>div,.mini-stats>div{border-radius:22px;padding:13px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.12)}
.hero-stats span,.mini-stats span,.profile-row span,label span{display:block;color:var(--muted);font-size:12px}.hero-stats strong,.mini-stats strong{display:block;margin-top:5px;font-size:15px}
.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.12);border:1px solid var(--line);font-size:13px;font-weight:800}
.status-pill.ok{color:#d8fff7;background:rgba(103,232,201,.15)}.status-pill.warn{color:#fff1c7;background:rgba(255,217,134,.13)}.status-pill.bad{color:#ffe2e8;background:rgba(255,127,145,.14)}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.quick{min-height:82px;border-radius:26px;color:var(--text);padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;font-weight:900;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.quick:hover,.quick:focus-visible{transform:translateY(-2px);border-color:rgba(255,255,255,.34)}.quick i{font-size:18px;color:var(--accent2);position:relative;z-index:1}.quick span,.quick small{position:relative;z-index:1}.quick.primary{background:linear-gradient(135deg,rgba(103,232,201,.27),rgba(121,184,255,.18))}
.trial{border-radius:var(--r);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-head{margin:4px 2px 14px}.page-head p{margin-top:5px}.with-action{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.seg.two{grid-template-columns:1fr 1fr}.seg button{border-radius:999px;color:var(--muted);padding:12px 8px;font-weight:900}.seg button.on{color:#07131f;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.btn,.icon-btn{appearance:none;border:0;color:var(--text);font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn{width:100%;border-radius:22px;padding:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121e}.btn.ghost{background:rgba(255,255,255,.12);color:var(--text);border:1px solid var(--line)}.btn.small{width:auto;padding:12px 14px;border-radius:18px}
.icon-btn{width:44px;height:44px;border-radius:18px;background:var(--glass);border:1px solid var(--line);flex:0 0 auto}.actions{border-radius:var(--r);padding:12px;display:grid;gap:10px}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.store{border-radius:24px;color:var(--text);min-height:62px;padding:13px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.store.wide{grid-column:1/-1}
.setup-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px}.setup-hero h3{margin:4px 0 4px}.setup-orbit{position:relative;flex:0 0 58px;width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(103,232,201,.26),rgba(121,184,255,.16));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.setup-orbit:before{content:"";position:absolute;inset:-8px;border-radius:28px;border:1px solid rgba(103,232,201,.18);animation:pulseRing 2.4s ease-in-out infinite}.setup-orbit i{font-size:24px;color:var(--accent)}.setup-orbit.blue i{color:var(--accent2)}@keyframes pulseRing{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.05);opacity:.9}}
.platform-block{margin-bottom:12px}.platform-title{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.platform-title i{color:var(--accent2)}.platform-grid{margin-top:10px}.platform-card{min-height:96px;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;overflow:hidden;position:relative}.platform-card:after{content:"";position:absolute;right:-24px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.08)}.platform-card i{font-size:22px;color:var(--accent2);position:relative;z-index:1}.platform-card strong,.platform-card span{position:relative;z-index:1}.platform-card span{font-size:12px;color:var(--muted);font-weight:700}
.setup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-choice{min-height:126px}.setup-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.25}
.qr{display:none;border-radius:var(--r);padding:12px;margin:12px auto 0;background:rgba(9,22,36,.88);width:min(220px,100%);color:#f6f8fb;text-align:center;gap:8px;border:1px solid rgba(255,255,255,.18)}.qr span{font-size:12px;font-weight:900}.qr.loading{position:relative;min-height:245px}.qr.loading:before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin 1s linear infinite}.qr.loading img{opacity:.25}.qr img{display:block;width:100%;max-width:190px;margin:0 auto;border-radius:16px}
.pay-card{border-radius:var(--r);padding:14px;display:grid;gap:12px}.pay-step{display:none;gap:12px}.pay-step.on{display:grid}.pay-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pay-steps span{border-radius:999px;padding:10px 8px;text-align:center;color:var(--muted);font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.pay-steps span.on{color:#06121e;background:linear-gradient(135deg,var(--accent),var(--accent2))}.pay-summary{display:grid;gap:8px}.pay-summary div{display:flex;justify-content:space-between;gap:12px;border-radius:18px;padding:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12)}.pay-summary span{color:var(--muted);font-size:12px}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input{width:100%;border-radius:20px;color:var(--text);padding:14px;outline:none;background:rgba(255,255,255,.11)}.input::placeholder{color:rgba(235,243,255,.45)}.textarea{min-height:116px;resize:vertical;margin-bottom:10px}
.extra{border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:12px}.extra summary{font-weight:900;cursor:pointer}.extra .input{margin-top:10px}
.check-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:800;margin-top:10px}.check-row input{width:19px;height:19px;accent-color:var(--accent)}
.total{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:8px 2px}.total span{color:var(--muted)}.total strong{font-size:28px}.notice{padding:12px;border-radius:20px;background:rgba(255,127,145,.14);border:1px solid rgba(255,127,145,.28);color:#ffe4e9}
.link-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.link-card{display:flex;align-items:center;gap:10px;border-radius:24px;padding:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(20px)}.link-card i{font-size:20px;color:var(--muted)}.link-card div{min-width:0;flex:1}.link-card strong,.link-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card span{color:var(--muted);font-size:12px;margin-top:2px}.link-card b{font-size:12px;color:var(--warn)}.link-card.linked{background:rgba(103,232,201,.12);border-color:rgba(103,232,201,.25)}.link-card.linked i,.link-card.linked b{color:var(--accent)}.profile-list{display:grid;gap:10px;margin-bottom:12px}.profile-row{display:flex;justify-content:space-between;gap:12px;border-radius:24px;padding:14px;background:rgba(255,255,255,.1);border:1px solid var(--line);backdrop-filter:blur(20px)}.profile-row strong{text-align:right}
.inline-form,.ref-card{display:flex;gap:10px}.ref-card code{flex:1;padding:14px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass+.glass{margin-top:12px}.glass{padding:15px}
.tickets{display:grid;gap:12px;margin-top:12px;color:var(--muted);max-width:100%;overflow:hidden}#ticketsList{display:grid;gap:14px}.ticket{border-radius:24px;padding:14px;background:rgba(255,255,255,.1);border:1px solid var(--line);overflow:hidden}.ticket-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.msg{min-width:0;padding:10px;border-radius:18px;background:rgba(0,0,0,.15);margin-top:8px}.msg-meta{font-size:12px;color:var(--muted);margin-bottom:4px}.msg-text{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;word-break:break-word}
.faq{display:grid;gap:10px}.faq details{border-radius:24px;padding:14px;background:rgba(255,255,255,.1);border:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}.faq p{margin-top:8px}.faq img{width:100%;border-radius:20px;margin-top:10px}.hidden{display:none!important}
.nav{position:fixed;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:45;max-width:480px;width:calc(100% - 24px);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border-radius:28px;background:rgba(11,22,36,.86);transform:translate3d(-50%,0,0)}

body:not(.app-ready) .nav{opacity:0;pointer-events:none;transform:translate3d(-50%,calc(100% + 28px),0)!important}
body.app-ready .nav{animation:navReadyIn .38s cubic-bezier(.2,.9,.25,1) both}
@keyframes navReadyIn{from{opacity:0;transform:translate3d(-50%,calc(100% + 28px),0)}to{opacity:1;transform:translate3d(-50%,0,0)}}
.nav button{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:22px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800}.nav button.on{background:rgba(255,255,255,.16);color:var(--text)}.nav i{font-size:15px}
.splash{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#08131f;transition:.22s}.splash.hide{opacity:0;visibility:hidden}.splash-card{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.splash-card strong{color:var(--text);font-size:18px}
@media(max-width:380px){body{padding-left:10px;padding-right:10px}.quick-grid,.store-grid,.link-status-grid{grid-template-columns:1fr}.store.wide{grid-column:auto}.trial{display:grid}.nav span{font-size:10px}h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.page.on,.live-bg:before,.live-bg:after,.live-bg span{animation:none}}

/* release polish */
.live-bg{background:linear-gradient(120deg,#08131f,#12313c,#192846,#0d1828);background-size:260% 260%;animation:colorFlow 12s ease-in-out infinite}
.live-bg:before{inset:0;background:linear-gradient(135deg,rgba(103,232,201,.2),rgba(121,184,255,.18),rgba(255,255,255,.06));filter:none;animation:colorFlow 14s ease-in-out infinite reverse}
.live-bg:after,.live-bg span{display:none}
@keyframes colorFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.pay-steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pay-step{row-gap:14px}.pay-step.on{display:grid}.pay-card,.glass,.btn,.input,.seg button,.pay-summary div,.link-card{border-radius:24px}.pay-card .form-row.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.pay-card .btn{min-height:54px;white-space:normal;line-height:1.15}.pay-card label{display:grid;gap:7px}.pay-card .seg{margin:0}.pay-card .check-row{border-radius:22px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
@media(max-width:430px){.pay-steps.four span{font-size:11px;padding:9px 4px}.pay-card .form-row.two{grid-template-columns:1fr}}


/* Cabinet auth overlay */
body.cabinet-locked .app, body.cabinet-locked .nav, body.cabinet-locked #splash{display:none!important}
.cabinet-auth{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}
.cabinet-auth-card{width:min(520px,100%);border-radius:34px;padding:26px;text-align:center;display:grid;gap:14px}
.cabinet-auth-card .logo{margin:0 auto}
.cabinet-auth-card h1{margin:0;font-size:30px}
.cabinet-auth-status{font-size:13px;color:var(--muted)}
.auth-lead{display:grid;gap:7px}.auth-lead strong{color:var(--text);font-weight:900}.auth-lead span{color:var(--muted)}
.auth-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.auth-social{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:18px;text-decoration:none;color:var(--text);font-weight:900;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.auth-social:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.34)}
.auth-social i{font-size:17px}.auth-social-channel{background:linear-gradient(135deg,rgba(103,232,201,.2),rgba(121,184,255,.12))}.auth-social-bot{background:linear-gradient(135deg,rgba(121,184,255,.22),rgba(103,232,201,.1))}.auth-social-vk{background:linear-gradient(135deg,rgba(76,139,245,.22),rgba(255,255,255,.08))}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.16)}
.email-login{display:grid;gap:10px}
.email-login .inline-form{grid-template-columns:minmax(0,1fr) auto}
.email-login .btn.small{min-height:50px;white-space:nowrap}
.muted-note{font-size:13px;color:var(--muted);margin:0 0 10px}
body:not(.cabinet-locked) .cabinet-auth{display:none!important}
.popup-layer{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top,0px));z-index:80;width:min(520px,calc(100% - 24px));display:grid;gap:10px;transform:translateX(-50%);pointer-events:none}
.popup-card{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px;border-radius:24px;background:rgba(20,35,52,.88);border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);animation:popupIn .22s ease both}
.popup-card.hide{animation:popupOut .2s ease both}.popup-icon{width:38px;height:38px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(103,232,201,.24),rgba(121,184,255,.18));color:var(--accent)}.popup-error .popup-icon{background:rgba(255,127,145,.16);color:var(--bad)}.popup-success .popup-icon{background:rgba(103,232,201,.16);color:var(--accent)}.popup-text{color:var(--text);font-weight:850;line-height:1.28;overflow-wrap:anywhere}.popup-close{appearance:none;border:0;width:34px;height:34px;border-radius:14px;background:rgba(255,255,255,.1);color:var(--text)}
@keyframes popupIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes popupOut{to{opacity:0;transform:translateY(-10px) scale(.98)}}
/* Client setup style: deeper glass and smooth color flow */
.live-bg{background:linear-gradient(120deg,#08131f,#12313c,#192846,#0d1828);background-size:260% 260%;animation:colorFlow 12s ease-in-out infinite}
.live-bg:before{inset:0;background:linear-gradient(135deg,rgba(103,232,201,.2),rgba(121,184,255,.18),rgba(255,255,255,.06));filter:none;animation:colorFlow 14s ease-in-out infinite reverse}
.live-bg:after,.live-bg span{display:none}
.glass,.quick,.store,.nav,.icon-btn,.input,.seg button,.profile-row,.ticket,.faq details{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45)}
.hero,.glass,.quick,.store,.pay-card,.cabinet-auth-card{border-radius:30px}
.store.wide span{white-space:normal;text-align:center}


.pay-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 14px}
.pay-steps span{border-radius:999px;padding:10px 8px;text-align:center;font-size:12px;font-weight:800;color:var(--muted);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.pay-steps span.done{color:rgba(235,243,255,.78);background:rgba(103,232,201,.16);border-color:rgba(103,232,201,.25)}
.pay-steps span.current{color:#07131f;border-color:transparent;transform:translateY(-2px);animation:payGlow 1.8s ease-in-out infinite}
.pay-steps span:nth-child(1).current{background:linear-gradient(135deg,#67e8c9,#79b8ff)}
.pay-steps span:nth-child(2).current{background:linear-gradient(135deg,#79b8ff,#a78bfa)}
.pay-steps span:nth-child(3).current{background:linear-gradient(135deg,#ffd166,#67e8c9)}
.pay-steps span:nth-child(4).current{background:linear-gradient(135deg,#ff8fab,#79b8ff)}
.pay-steps span.on:not(.done):not(.current){color:#07131f;background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;transform:translateY(-1px)}
@keyframes payGlow{0%,100%{box-shadow:0 10px 22px rgba(103,232,201,.08)}50%{box-shadow:0 12px 30px rgba(121,184,255,.22)}}
.pay-card{position:relative;overflow:hidden;border-radius:28px}
.pay-step{display:none;gap:12px;opacity:0;transform:translateX(18px) scale(.985)}
.pay-step.on{display:grid;animation:payStepIn .28s ease both}
.pay-card[data-dir="back"] .pay-step.on{animation-name:payStepBack}
@keyframes payStepIn{from{opacity:0;transform:translateX(18px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes payStepBack{from{opacity:0;transform:translateX(-18px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pay-method{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:24px;padding:14px;display:grid;gap:4px;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.pay-method span{font-weight:900}
.pay-method small{color:var(--muted);font-size:12px}
.pay-method.on{background:linear-gradient(135deg,rgba(103,232,201,.24),rgba(121,184,255,.18));border-color:rgba(121,184,255,.5);transform:translateY(-1px)}
.pay-summary{display:grid;gap:10px}
.pay-summary div{display:flex;justify-content:space-between;gap:12px;border-radius:22px;padding:13px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.pay-summary span{color:var(--muted);font-size:12px}
.pay-summary strong{text-align:right}
.pay-actions .btn{min-height:54px}
@media(max-width:520px){.pay-methods,.form-row.two,.pay-actions{grid-template-columns:1fr}.pay-steps{grid-template-columns:1fr 1fr}}

.live-bg{display:none!important}


.support-entry,.support-composer,.empty-state{padding:18px;border-radius:24px}
.support-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.support-entry h3,.support-composer h3{margin:0 0 6px}
.support-entry p,.support-composer p{margin:0;color:var(--muted)}
.support-composer{display:grid;gap:16px;margin-bottom:14px}
.support-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.support-choice-grid .quick:nth-child(1){background:linear-gradient(135deg,rgba(121,184,255,.28),rgba(103,232,201,.12))}.support-choice-grid .quick:nth-child(2){background:linear-gradient(135deg,rgba(103,232,201,.22),rgba(255,209,102,.13))}.support-choice-grid .quick i{font-size:24px}.support-panel{display:grid;gap:12px;margin:12px 0;animation:panelIn .22s ease both}.support-back{justify-content:flex-start}.ticket .inline-form,.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ticket .input{min-width:0}
@keyframes panelIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.support-step{display:grid;gap:10px}
.support-step-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.topic-chip{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:18px;padding:12px 14px;text-align:left;font:inherit}
.topic-chip.on{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.34)}
.ticket{overflow:hidden}
.ticket-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:16px}
.ticket-summary::-webkit-details-marker{display:none}
.ticket-summary div{display:grid;gap:4px}
.ticket-summary span{font-size:12px;color:var(--muted)}
.ticket-summary b{font-size:12px;font-weight:700;color:var(--text);background:rgba(255,255,255,.12);padding:8px 10px;border-radius:999px}
.ticket-body{padding:0 16px 16px;display:grid;gap:10px}
.ticket[open] .ticket-summary{border-bottom:1px solid rgba(255,255,255,.12)}
@media (max-width:640px){.support-entry{align-items:flex-start;flex-direction:column}.topic-grid,.support-choice-grid,.setup-choice-grid{grid-template-columns:1fr}}


.actions{display:grid;grid-template-columns:1fr;gap:10px}.actions .btn{width:100%}
.chip-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.chip-row button{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:18px;padding:12px 8px;font-weight:900}.chip-row button.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07131f;border-color:transparent}.quick-actions{display:grid;gap:10px}.quick-actions .btn{justify-content:flex-start}
@media(max-width:430px){.setup-hero{align-items:flex-start}.platform-card{min-height:88px}.chip-row{grid-template-columns:repeat(3,1fr)}}

/* Cabinet contact block: no desktop overflow */
.link-status-grid,.contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.link-card,.contact-actions .btn{min-width:0;overflow:hidden}
.link-card b{white-space:nowrap;flex:0 0 auto}
.contact-actions .btn{white-space:normal;line-height:1.18}
.btn.is-disabled{opacity:.52;filter:saturate(.55)}
@media(max-width:760px){.link-status-grid,.contact-actions{grid-template-columns:1fr}.link-card b{white-space:normal;text-align:right}}

/* Profile cabinet: compact tiles instead of stretched rows */
#page-profile .profile-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
#page-profile .profile-row{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:16px;
  border-radius:26px;
}
#page-profile .profile-row strong{
  width:100%;
  text-align:left;
  font-size:18px;
  line-height:1.18;
  overflow-wrap:anywhere;
}
#page-profile .glass{
  margin-top:14px;
}
#page-profile .ref-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
#page-profile .mini-stats{
  gap:12px;
}
#page-profile .mini-stats>div{
  min-height:84px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:24px;
}
#page-profile .link-status-grid{
  gap:12px;
  margin:14px 0;
}
#page-profile .contact-actions{
  gap:12px;
  margin:0 0 12px;
}
#page-profile #openVkBind{
  margin-top:0;
}
#page-profile .link-card{
  min-height:84px;
}
@media(max-width:640px){
  #page-profile .profile-list{grid-template-columns:1fr 1fr}
  #page-profile .profile-row{min-height:96px;padding:14px}
  #page-profile .profile-row strong{font-size:16px}
}
@media(max-width:430px){
  #page-profile .profile-list,
  #page-profile .mini-stats{grid-template-columns:1fr}
}

/* Client setup: copied visual language from standalone WEB SETUP miniapp */
#page-setup{
  --setup-surface:rgba(255,255,255,.08);
  --setup-surface-soft:rgba(255,255,255,.05);
  --setup-border:rgba(255,255,255,.12);
  --setup-muted:#9bb0c9;
  --setup-accent:#18d39e;
  --setup-accent-2:#41b9ff;
}
#page-setup .client-setup-hero{
  margin:0 0 14px;
  padding:22px 20px 16px;
  border-radius:28px;
  background:radial-gradient(220px at 0% 0%, rgba(65,185,255,.16), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--setup-border);
  animation:setupPanelIn .35s ease both;
}
#page-setup .client-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
#page-setup .client-brand-logo{
  width:42px;height:42px;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.08);padding:6px;
  border:1px solid rgba(255,255,255,.12);
  animation:setupLogoPulse 1.8s ease-in-out infinite;
}
#page-setup .client-brand-chip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.76rem;
  background:rgba(24,211,158,.14);color:var(--setup-accent);margin-bottom:6px;font-weight:800;text-transform:uppercase;
}
#page-setup .client-setup-hero h2{margin:0;font-size:1.45rem;line-height:1.15;color:#fff}
#page-setup .client-setup-hero p{margin:6px 0 0;color:var(--setup-muted);line-height:1.45;font-size:.92rem}
#page-setup .setup-card,
#page-setup .setup-hero,
#page-setup .platform-block,
#page-setup .actions,
#page-setup .qr{
  border:1px solid var(--setup-border);
  border-radius:20px;
  background:var(--setup-surface-soft);
  box-shadow:none;
  animation:setupPanelIn .35s ease both;
}
#page-setup .setup-card{padding:16px;margin-bottom:14px}
#page-setup .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
#page-setup .section-title span{display:block;color:var(--setup-muted);font-size:.8rem;margin-bottom:4px}
#page-setup .section-title strong{display:block;color:#fff;font-size:1.05rem;line-height:1.22}
#page-setup .section-title i{color:var(--setup-accent-2);animation:setupFloat 2.6s ease-in-out infinite}
#page-setup .setup-choice-grid{gap:10px}
#page-setup .setup-choice{
  min-height:132px;padding:16px;text-align:left;background:var(--setup-surface);border:1px solid rgba(255,255,255,.1);
  border-radius:18px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
#page-setup .setup-choice:hover,
#page-setup .setup-choice:focus-visible,
#page-setup .platform-card:hover,
#page-setup .platform-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(65,185,255,.35);
  box-shadow:0 14px 28px rgba(65,185,255,.10);
}
#page-setup .setup-choice:active,
#page-setup .platform-card:active,
#page-setup .btn:active{transform:scale(.985)}
#page-setup .setup-choice i{
  width:58px;height:58px;border-radius:22px;display:grid;place-items:center;margin-bottom:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:28px;color:var(--setup-accent);
  animation:setupLogoPulse 1.8s ease-in-out infinite;
}
#page-setup .setup-choice:not(.primary) i{color:var(--setup-accent-2)}
#page-setup .setup-choice span{display:block;font-size:1.02rem;line-height:1.15;color:#fff}
#page-setup .setup-choice small{font-size:.82rem;color:var(--setup-muted);line-height:1.35;margin-top:8px}
#page-setup .setup-hero{padding:16px;align-items:flex-start;background:var(--setup-surface-soft)}
#page-setup .setup-orbit{
  flex:0 0 58px;width:58px;height:58px;border-radius:22px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);animation:setupFloat 2.6s ease-in-out infinite;
}
#page-setup .setup-orbit:before{
  inset:-12px;border-radius:32px;border:0;background:radial-gradient(circle, rgba(24,211,158,.24), rgba(65,185,255,.08) 58%, transparent 74%);
  filter:blur(8px);animation:setupGlow 2.2s ease-in-out infinite;
}
#page-setup .setup-orbit i{font-size:28px}
#page-setup .setup-hero .kicker{font-size:.76rem;color:var(--setup-accent);background:rgba(24,211,158,.14);border-radius:999px;padding:6px 10px;display:inline-flex;margin-bottom:8px}
#page-setup .setup-hero h3{font-size:1.05rem;color:#fff;margin:0 0 6px}
#page-setup .setup-hero p{font-size:.88rem;color:var(--setup-muted);line-height:1.45}
#page-setup .platform-block{padding:16px;margin-bottom:12px}
#page-setup .platform-title{color:var(--setup-muted);margin-bottom:10px}
#page-setup .platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}
#page-setup .platform-card{
  min-height:104px;padding:14px;background:var(--setup-surface);border:1px solid rgba(255,255,255,.1);
  border-radius:16px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#page-setup .platform-card i{font-size:1.35rem;color:var(--setup-accent-2)}
#page-setup .platform-card strong{font-size:.94rem;color:#fff}
#page-setup .platform-card span{font-size:.8rem;line-height:1.35;color:var(--setup-muted)}
#page-setup .platform-card .app-icon{
  width:54px;height:54px;border-radius:20px;display:grid;place-items:center;position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(24,211,158,.18),rgba(65,185,255,.14));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 24px rgba(65,185,255,.08);
  animation:setupLogoPulse 1.8s ease-in-out infinite;
}
#page-setup .platform-card .app-icon img{width:34px;height:34px;object-fit:cover;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.24)}
#page-setup .platform-card .app-icon i{
  position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:9px;display:grid;place-items:center;
  font-size:12px;color:#fff;background:rgba(7,19,31,.84);border:1px solid rgba(255,255,255,.18);
}
#page-setup .actions{padding:12px;gap:10px}
#page-setup .actions .btn{border-radius:16px;min-height:52px}
#page-setup .actions .btn:not(.ghost){box-shadow:0 14px 28px rgba(24,211,158,.16)}
#page-setup .seg button{border-radius:18px}
@keyframes setupPanelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes setupLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes setupFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes setupGlow{0%,100%{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
@media(max-width:520px){
  #page-setup .client-setup-hero{padding:20px 18px 14px}
  #page-setup .setup-choice-grid,
  #page-setup .platform-grid{grid-template-columns:1fr}
  #page-setup .setup-choice{min-height:118px}
}

/* Profile: visual markers */
#page-profile .profile-row{
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
#page-profile .profile-row:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32)}
#page-profile .profile-row-head{display:flex;align-items:center;gap:10px;min-width:0;color:var(--muted)}
#page-profile .profile-row-head>span:last-child{font-size:12px;color:var(--muted)}
#page-profile .profile-row-icon{
  width:38px;height:38px;border-radius:15px;display:grid!important;place-items:center;flex:0 0 auto;
  color:var(--profile-accent,#79b8ff);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
#page-profile .profile-row-ok{--profile-accent:#67e8c9;background:linear-gradient(135deg,rgba(103,232,201,.18),rgba(255,255,255,.07))}
#page-profile .profile-row-warn{--profile-accent:#ffd166;background:linear-gradient(135deg,rgba(255,209,102,.18),rgba(255,255,255,.07))}
#page-profile .profile-row-bad{--profile-accent:#ff8fab;background:linear-gradient(135deg,rgba(255,143,171,.18),rgba(255,255,255,.07))}
#page-profile .profile-row-date{--profile-accent:#79b8ff}
#page-profile .profile-row-devices{--profile-accent:#a78bfa}
#page-profile .profile-row-mail{--profile-accent:#41b9ff}
#page-profile .profile-row-traffic{--profile-accent:#67e8c9;background:linear-gradient(135deg,rgba(103,232,201,.16),rgba(121,184,255,.08))}
#page-profile .profile-row-muted{--profile-accent:#9bb0c9}

/* Support: clearer cards and local FAQ images */
#page-support .page-head{margin-bottom:16px}
#page-support .support-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
#page-support .support-choice-grid .quick{
  min-height:116px;border-radius:28px;padding:18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#page-support .support-choice-grid .quick:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35);box-shadow:0 16px 30px rgba(65,185,255,.10)}
#page-support .support-choice-grid .quick i{
  width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);font-size:21px;
}
#page-support .support-choice-grid .quick span{font-size:17px;line-height:1.18}
.faq{display:grid;gap:12px}
.faq details{
  border-radius:24px;padding:0;background:rgba(255,255,255,.1);border:1px solid var(--line);overflow:hidden;
  transition:border-color .18s ease,background .18s ease;
}
.faq details[open]{background:linear-gradient(135deg,rgba(121,184,255,.16),rgba(255,255,255,.08));border-color:rgba(121,184,255,.34)}
.faq summary{font-weight:900;cursor:pointer;list-style:none;display:flex;align-items:center;gap:11px;padding:15px 16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;color:var(--muted);transition:transform .18s ease}
.faq details[open] summary:after{transform:rotate(180deg)}
.faq p{margin:0;padding:0 16px 14px;color:var(--muted);line-height:1.45}
.faq img{
  display:block;width:calc(100% - 32px);max-height:360px;object-fit:contain;border-radius:22px;margin:0 16px 16px;
  background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);
}
.faq-icon{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;color:var(--accent2);background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}
.faq-card.no-image p{padding-bottom:16px}
@media(max-width:640px){#page-support .support-choice-grid{grid-template-columns:1fr}}

*{-webkit-tap-highlight-color:transparent}
button:focus,input:focus,textarea:focus,a:focus{outline:none}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:0 0 0 3px rgba(121,184,255,.28),var(--shadow)}
.cabinet-auth{overflow-y:auto;align-items:start}
.cabinet-auth-card{margin:auto 0}
.cabinet-auth .input{min-width:0}
.closed-note{display:flex;align-items:center;gap:8px;border-radius:18px;padding:12px;background:rgba(255,217,134,.12);border:1px solid rgba(255,217,134,.22);color:#fff1c7;font-weight:800}
#page-setup .seg{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-setup .qr{display:none;place-items:center;color:#f6f8fb;background:rgba(9,22,36,.88)}
#page-setup .platform-card .app-icon.mbypass-icon{background:linear-gradient(135deg,rgba(103,232,201,.22),rgba(121,184,255,.22))}
#page-setup .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:540px){
  body{padding-left:10px;padding-right:10px}
  .cabinet-auth{position:fixed;display:block;padding:14px;overflow-y:auto}
  .cabinet-auth-card{width:100%;min-height:auto;margin:0 auto 22px;padding:22px 18px;border-radius:28px;gap:12px}
  .cabinet-auth-card h1{font-size:28px}
  .cabinet-auth-card p{font-size:15px;line-height:1.34}
  .auth-social-grid{grid-template-columns:1fr 1fr;gap:8px}
  .auth-social{min-height:50px;border-radius:20px}
  .auth-social-vk{grid-column:1/-1}
  .email-login .inline-form{grid-template-columns:1fr;gap:8px}
  .email-login .btn.small{width:100%}
  .email-login .input{min-height:54px;font-size:16px}
}

.pay-visual{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px;background:linear-gradient(135deg,rgba(103,232,201,.16),rgba(121,184,255,.10))}
.pay-visual i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#07131f;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:20px;box-shadow:0 14px 28px rgba(65,185,255,.18)}
.pay-visual strong{display:block;font-size:16px}.pay-visual span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.referral-box{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(103,232,201,.15),rgba(255,209,102,.10))}
.ref-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ref-head i{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(103,232,201,.18);color:var(--accent)}.ref-head h3{margin:0}.ref-head p{margin:3px 0 0;color:var(--muted);font-size:13px}
.device-list{display:grid;gap:10px}.device-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.device-item i{color:var(--accent2)}.device-item strong{display:block}.device-item span{display:block;color:var(--muted);font-size:12px}.device-item code{font-size:11px;color:var(--muted);max-width:110px;overflow:hidden;text-overflow:ellipsis}
.empty-state.small{padding:12px;border-radius:18px;font-size:13px}
#page-support .support-composer{animation:panelIn .24s ease both}.support-step.hidden{display:none!important}.support-step:not(.hidden){animation:panelIn .22s ease both}.topic-chip{transition:transform .2s ease,border-color .2s ease,background .2s ease}.topic-chip:hover{transform:translateY(-1px)}

@media(max-width:640px){
  #page-setup .setup-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  #page-setup .setup-choice{min-height:148px;padding:14px 12px}
  #page-setup .setup-choice span{font-size:.95rem}
  #page-setup .setup-choice small{font-size:.74rem;line-height:1.25}
  #page-setup .setup-choice .app-icon,#page-setup .setup-choice i{transform:scale(.9);transform-origin:left top}
}
@media(max-width:360px){
  #page-setup .setup-choice{min-height:136px;padding:12px 10px}
  #page-setup .setup-choice small{display:none}
}


.onboarding{position:fixed;left:0;top:0;width:100vw;height:var(--visual-vh,100dvh);z-index:90;display:grid;place-items:center;padding:18px;background:rgba(4,12,22,.58);backdrop-filter:blur(12px);overflow:auto;animation:fadeIn .22s ease both}.onboarding.hidden{display:none}.onboarding-card{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(var(--visual-vh,100dvh) - 36px);overflow:auto;border-radius:34px;padding:24px;background:linear-gradient(145deg,rgba(35,55,78,.96),rgba(18,31,48,.96));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.42);animation:onboardingIn .34s cubic-bezier(.2,.9,.25,1) both}.onboarding-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:var(--text)}.onboarding-icon{width:70px;height:70px;border-radius:26px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(135deg,rgba(103,232,201,.28),rgba(121,184,255,.18));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);animation:setupFloat 2.2s ease-in-out infinite}.onboarding-icon i{font-size:30px;color:var(--accent)}.onboarding-card h3{margin:8px 0 10px;font-size:1.45rem}.onboarding-card p{margin:0 0 18px;color:var(--muted);line-height:1.55}.onboarding-dots{display:flex;gap:7px;margin:6px 0 18px}.onboarding-dots span{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.24);transition:.2s}.onboarding-dots span.on{width:28px;background:linear-gradient(90deg,var(--accent),var(--accent2))}@keyframes onboardingIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
#tickets>.support-back{margin-bottom:12px}.tickets .empty-state{margin-top:0}

.auth-telegram-page{text-decoration:none}
.telegram-auth-page .cabinet-auth-card{max-width:520px}
.telegram-login-widget{min-height:42px;display:grid;place-items:center}

@media(max-width:430px){.onboarding{padding:14px}.onboarding-card{padding:20px;border-radius:30px}.onboarding-icon{width:58px;height:58px;border-radius:22px}.onboarding-card h3{font-size:1.25rem}.onboarding-card p{font-size:.98rem;line-height:1.42}}

.news-box{margin-top:12px;display:grid;gap:12px}.news-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:10px;overflow-x:auto;padding-bottom:2px}.news-card{display:flex;align-items:center;gap:10px;min-height:76px;text-align:left;border-radius:22px;padding:12px;color:var(--text);background:rgba(255,255,255,.1);border:1px solid var(--line);transition:.18s}.news-card:hover,.news-card:focus-visible{transform:translateY(-2px);border-color:rgba(103,232,201,.35)}.news-card img,.news-icon{width:52px;height:52px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,rgba(103,232,201,.22),rgba(121,184,255,.14));color:var(--accent)}.news-card strong,.news-card span{display:block}.news-card span{margin-top:3px;font-size:12px;color:var(--muted)}.news-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:18px;background:rgba(4,12,22,.62);backdrop-filter:blur(14px)}.news-modal.hidden{display:none}.news-modal-card{position:relative;width:min(560px,calc(100vw - 28px));max-height:calc(var(--visual-vh,100dvh) - 36px);overflow:auto;padding:24px;border-radius:34px}.news-modal-card.slide-in{animation:onboardingIn .28s ease both}.news-modal-image{width:100%;max-height:240px;object-fit:cover;border-radius:24px;margin-bottom:14px}.news-modal-card h3{margin:8px 0 10px;font-size:1.45rem}.news-modal-card p{white-space:pre-wrap;color:var(--muted);line-height:1.55}.news-counter{text-align:center;color:var(--muted);font-weight:800;margin-top:10px}.pulse-highlight{animation:refPulse 1.6s ease both}@keyframes refPulse{0%,100%{box-shadow:0 0 0 rgba(103,232,201,0)}20%,70%{box-shadow:0 0 0 5px rgba(103,232,201,.18),0 0 36px rgba(103,232,201,.22);border-color:rgba(103,232,201,.55)}}

/* News spacing polish */
.news-box{padding:18px!important;gap:14px!important;}
.news-box .section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 4px;}
.news-box .section-title>div{display:grid;gap:4px;min-width:0;}
.news-box .section-title span{display:block;color:var(--muted);font-size:.92rem;font-weight:600;line-height:1.2;}
.news-box .section-title strong{display:block;color:var(--text);font-size:1rem;line-height:1.25;white-space:normal;}
.news-box .section-title i{flex:0 0 auto;color:var(--text);opacity:.9;}
.news-list{gap:12px!important;padding:0 2px 4px!important;}
.news-card{padding:14px!important;gap:12px!important;min-height:78px!important;}
.news-card>div{min-width:0;display:grid;gap:4px;}
.news-card strong{line-height:1.2;}
.news-card span{margin-top:0!important;line-height:1.25;}
.news-modal{padding:22px!important;align-items:center!important;}
.news-modal-card{padding:28px 24px 24px!important;overflow-x:hidden;}
.news-modal-card .kicker{display:block;margin:0 54px 10px 0;line-height:1.2;}
.news-modal-image{display:block;margin:8px 0 22px!important;border-radius:22px!important;}
.news-modal-card h3{margin:0 0 12px!important;line-height:1.18;}
.news-modal-card p{margin:0 0 18px!important;line-height:1.58;}
.news-modal-card .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;}
.news-counter{margin-top:12px!important;line-height:1.2;}
@media (max-width:520px){
  .news-box{padding:16px!important;}
  .news-list{grid-auto-columns:minmax(240px,88%)!important;}
  .news-modal{padding:14px!important;}
  .news-modal-card{width:min(100%,calc(100vw - 24px))!important;padding:24px 18px 20px!important;border-radius:28px!important;}
  .news-modal-image{max-height:210px!important;margin-bottom:18px!important;}
  .news-modal-card .modal-actions{grid-template-columns:1fr;}
}