:root{--bg: #050711;--card: #11111f;--card-2: #151525;--line: #28283d;--line-strong: #6048c8;--text: #f7f5ff;--muted: #8e8da0;--soft: #c8c2e8;--violet: #8c55ff;--pink: #ec4aa2;--blue: #38a4ff;--green: #43f0a0;--yellow: #f3c96a;--red: #ff6480}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(520px 420px at 50% 120%,rgba(95,55,190,.22),transparent 70%),linear-gradient(180deg,#070814,#050711)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.app-shell{min-height:100vh;display:flex;justify-content:center;padding:12px;position:relative;overflow:hidden}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1px);background-position:12px 20px,70px 90px;background-size:92px 92px,137px 137px;opacity:.28}.app-frame{width:min(560px,100%);min-height:calc(100vh - 24px);padding:10px 10px 92px;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:10px;padding:10px 0 22px;color:var(--soft);font-weight:700}.logo-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6f4dff,#f342a2 58%,#ffb44d);color:#fff;font-weight:900}.topbar button{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#141422bf;color:var(--muted)}.hero-card,.panel-block,.profile-card,.profile-list,.install-head{border:1px solid var(--line);border-radius:22px;background:#11111fe6;box-shadow:0 18px 50px #0000002e}.hero-card{padding:24px 22px}.hero-card.compact{padding:22px}.eyebrow{color:var(--muted);font-size:14px}h1{margin:10px 0 8px;font-size:29px;line-height:1.08;letter-spacing:0}p{margin:0;color:var(--muted);line-height:1.45}.hero-actions{margin-top:20px}.primary-button,.secondary-button{width:100%;min-height:56px;border:0;border-radius:17px;padding:0 18px;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.primary-button{background:linear-gradient(100deg,var(--violet),var(--pink));box-shadow:0 12px 30px #ac40c840}.secondary-button{margin-top:12px;border:1px solid #3a3756;background:#1d1c2b}.primary-button:disabled,.secondary-button:disabled{opacity:.48}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.metric-grid.two{margin-bottom:18px}.metric-card{min-height:130px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#121220e0}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{display:block;margin-top:20px;font-size:28px;line-height:1.1}.metric-card .green,.row .green,.green{color:var(--green)}.metric-card .yellow{color:var(--yellow)}.metric-card .muted{color:var(--muted)}.panel-block{margin-top:18px;padding:20px}.block-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.block-title span{font-size:18px;font-weight:800}.block-title small{color:var(--muted);text-align:right}.tariff-grid{display:grid;gap:10px}.tariff-card{min-height:74px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:17px;background:#151524;color:var(--text);padding:12px 14px;cursor:pointer}.tariff-card.active{border-color:var(--line-strong);background:#191631;box-shadow:inset 0 0 0 1px #8c55ff40}.tariff-card span{width:fit-content;padding:7px 10px;border-radius:999px;background:#24184c;color:#b99cff;font-size:12px}.tariff-card strong{font-size:17px}.tariff-card small{color:var(--muted)}.install-head{padding:26px 18px 22px;text-align:center}.stepper{display:inline-flex;align-items:center;gap:12px;color:var(--muted)}.stepper span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#11131d;font-weight:800}.stepper span.active{background:#311a70;color:#c9b4ff}.stepper i{width:34px;height:1px;background:var(--line)}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.device-card{min-height:116px;display:grid;place-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;background:#121220e6;color:var(--muted)}.device-card b{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#1c1c2a;color:var(--soft);font-size:13px}.device-card span{font-size:13px;text-align:center}.device-card.active{border-color:var(--line-strong);background:#161229;color:#fff}.device-card.active b{background:#321c75;color:#cbb8ff}.subscription-link{display:block;margin-top:12px;padding:13px;border:1px dashed #3d3a5b;border-radius:14px;background:#0e101a;color:#d9d5ef;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45;overflow-wrap:anywhere;text-decoration:none}.instruction-list{display:grid;gap:10px;margin-top:14px;color:var(--muted)}.instruction-list span{padding-left:16px;position:relative}.instruction-list span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet);position:absolute;left:0;top:9px}.ref-step{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.ref-step:last-child{border-bottom:0}.ref-step b{grid-row:1 / span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#2a1a58;color:#c4aaff}.ref-step span{font-weight:800}.ref-step small{margin-top:4px;color:var(--muted)}.profile-card{display:flex;align-items:center;gap:16px;padding:18px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#37b8ff,#8f5cff);font-size:25px;font-weight:900}.profile-card h1{margin:0 0 4px;font-size:21px}.profile-list{margin-top:18px;overflow:hidden}.row,.profile-list button,.profile-list a{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:0 20px;text-decoration:none}.profile-list>*:last-child{border-bottom:0}.row strong,.profile-list button,.profile-list a{color:var(--soft)}.toast{margin-top:14px;padding:14px 16px;border-radius:16px;line-height:1.4;border:1px solid var(--line);background:var(--card)}.toast.success{border-color:#43f0a059;color:#c8ffe1}.toast.error{border-color:#ff64806b;color:#ffc4ce}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(540px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border:1px solid var(--line);border-radius:28px;background:#11111feb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5}.bottom-nav button{min-height:56px;border:0;border-radius:22px;background:transparent;color:var(--muted)}.bottom-nav button.active{background:#251b4e;color:#fff}.bottom-nav b{display:block;font-size:20px;line-height:1}.bottom-nav span{display:block;margin-top:4px;font-size:12px}@media (max-width: 420px){.app-shell{padding:8px}.app-frame{padding-left:0;padding-right:0}h1{font-size:26px}.metric-grid{gap:10px}.metric-card{min-height:116px;padding:16px}.metric-card strong{font-size:24px}.device-grid{grid-template-columns:repeat(2,1fr)}.tariff-card{grid-template-columns:1fr auto}.tariff-card span{grid-column:1 / -1}}