:root{--bg: #f6fbff;--bg-2: #eaf7ff;--card: rgba(255, 255, 255, .82);--card-solid: #ffffff;--card-blue: rgba(232, 247, 255, .86);--line: rgba(113, 190, 255, .28);--line-strong: rgba(38, 136, 255, .62);--text: #07243a;--muted: #6b879b;--soft: #315a74;--blue: #2688ff;--blue-2: #63cfff;--blue-dark: #0b64d8;--cyan: #86e4ff;--green: #0eaa78;--yellow: #b67800;--red: #d64055;--glass: rgba(255, 255, 255, .68);--shadow: 0 22px 64px rgba(41, 126, 204, .16);--shadow-soft: 0 12px 34px rgba(50, 133, 205, .11)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(920px 420px at 50% -14%,rgba(169,228,255,.78),transparent 72%),radial-gradient(680px 360px at 100% 26%,rgba(101,196,255,.25),transparent 68%),linear-gradient(180deg,#fff,#f5fbff 44%,#eaf7ff);overflow-x:hidden}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}.app-shell:before,.app-shell:after{content:"";position:fixed;pointer-events:none;border-radius:999px;z-index:0}.app-shell:before{width:420px;height:420px;left:50%;top:-190px;transform:translate(-50%);border:1px solid rgba(38,136,255,.18);box-shadow:0 0 0 38px #75caff14,0 0 0 84px #75caff0d,0 34px 120px #2688ff29;animation:haloDrift 13s ease-in-out infinite alternate}.app-shell:after{width:280px;height:280px;right:-150px;bottom:90px;background:radial-gradient(circle,rgba(100,207,255,.34),rgba(38,136,255,.08) 54%,transparent 70%);filter:blur(2px);animation:sideGlow 10s ease-in-out infinite}.stars{position:fixed;top:-90px;right:-90px;bottom:-90px;left:-90px;pointer-events:none;opacity:.95;z-index:0;background:radial-gradient(circle at 12% 16%,rgba(38,136,255,.32) 0 2px,transparent 3px),radial-gradient(circle at 26% 72%,rgba(88,204,255,.4) 0 2px,transparent 3px),radial-gradient(circle at 74% 18%,rgba(38,136,255,.28) 0 3px,transparent 4px),radial-gradient(circle at 86% 60%,rgba(111,218,255,.36) 0 2px,transparent 3px),radial-gradient(circle at 50% 88%,rgba(38,136,255,.2) 0 4px,transparent 5px),linear-gradient(120deg,transparent 0 34%,rgba(111,218,255,.18) 34.3%,transparent 35.4% 100%);animation:bgFloat 15s ease-in-out infinite alternate}.stars:before,.stars:after{content:"";position:absolute;border-radius:999px;filter:blur(2px)}.stars:before{width:300px;height:300px;left:-86px;top:18%;background:radial-gradient(circle,rgba(117,202,255,.42),rgba(117,202,255,.08) 56%,transparent 70%);animation:orbOne 10s ease-in-out infinite}.stars:after{width:260px;height:260px;right:-82px;bottom:16%;background:radial-gradient(circle,rgba(38,136,255,.24),rgba(38,136,255,.08) 56%,transparent 70%);animation:orbTwo 11s ease-in-out infinite}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:18px;background:radial-gradient(520px 320px at 50% 42%,rgba(99,207,255,.34),transparent 72%),radial-gradient(320px 220px at 42% 47%,rgba(38,136,255,.16),transparent 68%),linear-gradient(180deg,#fff,#edf9ff);animation:splashOut .45s ease forwards;animation-delay:2.35s}.splash-screen:before{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;border:1px solid rgba(38,136,255,.14);box-shadow:0 0 0 42px #75caff12;animation:splashHalo 2.4s ease-in-out infinite}.splash-orbit{width:136px;height:136px;display:grid;place-items:center;justify-self:center;border-radius:50%;position:relative;background:#ffffffc2;border:1px solid rgba(38,136,255,.18);box-shadow:0 24px 65px #2688ff3d;animation:splashPop .72s cubic-bezier(.2,.9,.2,1.2),orbitHeartbeat .72s ease-in-out .72s infinite}.splash-orbit:before,.splash-orbit:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:3px solid rgba(38,136,255,.34);animation:ringPulse .72s ease-out infinite}.splash-orbit:after{top:-20px;right:-20px;bottom:-20px;left:-20px;border-color:#75caff57;animation-delay:.18s}.splash-logo{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.52),transparent 28%),linear-gradient(135deg,#1288ff,#73d5ff 58%,#b5efff);color:#fff;font-size:35px;font-weight:900;transform:rotate(-6deg);box-shadow:0 18px 38px #2688ff47;animation:logoHeartbeat .72s ease-in-out infinite}.splash-title{color:var(--blue-dark);font-size:18px;font-weight:900;letter-spacing:.01em;text-align:center}.app-frame{width:min(560px,100%);min-height:calc(100vh - 24px);padding:8px 10px 96px;position:relative;isolation:isolate;z-index:1}.motion-blob{position:absolute;z-index:-1;border-radius:999px;pointer-events:none;filter:blur(1px);opacity:.95}.blob-one{width:210px;height:210px;right:-94px;top:70px;background:radial-gradient(circle,rgba(126,207,255,.5),rgba(126,207,255,.1) 58%,transparent 72%);animation:blobFloatOne 7s ease-in-out infinite}.blob-two{width:160px;height:160px;left:-80px;top:358px;background:radial-gradient(circle,rgba(38,136,255,.3),rgba(38,136,255,.08) 58%,transparent 72%);animation:blobFloatTwo 8.5s ease-in-out infinite}.blob-three{width:146px;height:146px;right:-62px;top:690px;background:radial-gradient(circle,rgba(162,221,255,.54),rgba(162,221,255,.1) 58%,transparent 72%);animation:blobFloatThree 9.5s ease-in-out infinite}.topbar{display:flex;align-items:center;gap:11px;padding:10px 0 18px;color:var(--soft);font-weight:900;letter-spacing:.01em}.logo-mark{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.58),transparent 28%),linear-gradient(135deg,#148cff,#79dbff);color:#fff;font-weight:900;box-shadow:0 12px 30px #2688ff40}.topbar button{margin-left:auto;border:1px solid rgba(113,190,255,.34);border-radius:999px;padding:9px 14px;background:#ffffffb8;color:var(--soft);box-shadow:0 10px 26px #256ab417;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card,.panel-block,.profile-card,.profile-list,.install-head{border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{padding:26px 23px;position:relative;overflow:hidden;background:radial-gradient(260px 180px at 92% 8%,rgba(96,207,255,.28),transparent 70%),linear-gradient(145deg,#fffffff0,#e8f8ffcc)}.hero-card:before{content:"";position:absolute;width:168px;height:168px;right:-72px;top:-74px;border-radius:50%;border:1px solid rgba(38,136,255,.16);box-shadow:0 0 0 30px #75caff17}.hero-card.compact{padding:24px 22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue-dark);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #2688ff85}h1{margin:12px 0 9px;font-size:31px;line-height:1.06;letter-spacing:-.04em}p{margin:0;color:var(--muted);line-height:1.48}.hero-actions{margin-top:22px}.primary-button,.secondary-button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;border:0;border-radius:19px;padding:0 18px;font-size:16px;font-weight:900;cursor:pointer}.primary-button{color:#fff;background:linear-gradient(100deg,#167fff,#39b8ff 52%,#8be8ff);box-shadow:0 16px 34px #2688ff47,inset 0 1px #ffffff57;position:relative;overflow:hidden}.button-link{text-decoration:none}.primary-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 32%,rgba(255,255,255,.34) 44%,transparent 56% 100%);transform:translate(-130%);animation:buttonSheen 4.8s ease-in-out infinite}.secondary-button{margin-top:12px;border:1px solid rgba(113,190,255,.46);background:#ebf8ffe0;color:var(--blue-dark);box-shadow:var(--shadow-soft)}.primary-button:disabled,.secondary-button:disabled{opacity:.52}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.metric-grid.two{margin-bottom:18px}.metric-card{min-height:128px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#ffffffdb,#ecf9ffb3);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-card span{color:var(--muted);font-size:13px;font-weight:800}.metric-card strong{display:block;margin-top:19px;font-size:27px;line-height:1.05;letter-spacing:-.04em}.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:19px;font-weight:900;letter-spacing:-.02em}.block-title small{color:var(--muted);text-align:right}.tariff-grid{display:grid;gap:11px}.tariff-card{min-height:78px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(113,190,255,.3);border-radius:20px;background:radial-gradient(160px 90px at 100% 0%,rgba(117,202,255,.18),transparent 74%),#ffffffc2;color:var(--text);padding:12px 14px;cursor:pointer;box-shadow:0 10px 26px #256ab412;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.tariff-card:active{transform:scale(.985)}.tariff-card.active{border-color:#2688ffad;background:radial-gradient(180px 110px at 96% 0%,rgba(92,207,255,.32),transparent 74%),linear-gradient(135deg,#effafffa,#ffffffe0);box-shadow:0 16px 38px #2688ff2e,inset 0 0 0 1px #2688ff24}.tariff-card span{width:fit-content;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#e1f5ff,#fff);color:var(--blue-dark);font-size:12px;font-weight:900;box-shadow:inset 0 0 0 1px #2688ff1f}.tariff-card strong{font-size:17px;letter-spacing:-.02em}.tariff-card small{color:var(--soft);font-weight:900}.install-head{padding:28px 20px 24px;text-align:center;background:radial-gradient(230px 140px at 50% 0%,rgba(113,218,255,.28),transparent 72%),#ffffffc7}.stepper{display:inline-flex;align-items:center;gap:12px;color:var(--muted)}.stepper span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e7f6ff;font-weight:900;box-shadow:inset 0 0 0 1px #2688ff1a}.stepper span.active{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 26px #2688ff3d}.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:118px;display:grid;place-items:center;gap:8px;border:1px solid var(--line);border-radius:23px;background:#ffffffc2;color:var(--muted);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.device-card b{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#edf9ff;color:var(--blue-dark);font-size:13px;box-shadow:inset 0 0 0 1px #2688ff1a}.device-card span{font-size:13px;font-weight:800;text-align:center}.device-card.active{border-color:var(--line-strong);background:linear-gradient(180deg,#ebf8fff2,#ffffffd1);color:var(--text)}.device-card.active b{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 28px #2688ff38}.guide-card{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(260px 150px at 100% 0%,rgba(118,218,255,.22),transparent 72%),#ffffffc7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.guide-actions{margin-bottom:14px}.link-button{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(113,190,255,.46);background:linear-gradient(135deg,#eaf8fff5,#ffffffdb);color:var(--blue-dark);font-weight:900;text-decoration:none;box-shadow:var(--shadow-soft)}.download-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.download-options a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(113,190,255,.34);background:#ffffffa3;color:var(--soft);padding:0 13px;font-size:13px;font-weight:900;text-decoration:none}.guide-steps{margin:0;padding:0;list-style:none;counter-reset:guide-step;display:grid;gap:10px}.guide-steps li{counter-increment:guide-step;min-height:48px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:10px 12px;border-radius:17px;background:#ffffff9e;color:var(--soft);line-height:1.35}.guide-steps li:before{content:counter(guide-step);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-size:14px;font-weight:900;box-shadow:0 9px 20px #2688ff38}.guide-note{margin-top:14px;padding:13px 14px;border-radius:16px;background:#e7f7ffc2;color:var(--soft);font-size:14px}.subscription-link{display:block;margin-top:12px;padding:14px;border:1px dashed rgba(38,136,255,.42);border-radius:16px;background:#f5fbffe0;color:var(--soft);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45;overflow-wrap:anywhere;text-decoration:none}.instruction-list{display:grid;gap:11px;margin-top:15px;color:var(--muted)}.instruction-list span{padding:12px 12px 12px 38px;border-radius:15px;background:#ffffff8f;position:relative}.instruction-list span:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 18px #2688ff7a;position:absolute;left:17px;top:18px}.ref-step{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.ref-step:last-child{border-bottom:0}.ref-step b{grid-row:1 / span 2;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e2f5ff,#fff);color:var(--blue-dark);box-shadow:inset 0 0 0 1px #2688ff24}.ref-step span{font-weight:900}.ref-step small{margin-top:4px;color:var(--muted)}.profile-card{display:flex;align-items:center;gap:16px;padding:19px}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.48),transparent 30%),linear-gradient(135deg,var(--blue),#8edfff);color:#fff;font-size:25px;font-weight:900;box-shadow:0 13px 32px #2688ff38}.profile-card h1{margin:0 0 4px;font-size:21px;letter-spacing:-.03em}.profile-list{margin-top:18px;overflow:hidden}.row,.profile-list button,.profile-list a{width:100%;min-height:59px;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);font-weight:900}.toast{margin-top:14px;padding:14px 16px;border-radius:18px;line-height:1.4;border:1px solid var(--line);background:#ffffffdb;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast.success{border-color:#0f9f6e59;color:#08724f}.toast.error{border-color:#d6405561;color:var(--red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:20px;background:#07243a2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.connect-modal{width:min(500px,100%);padding:28px 22px 22px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(260px 160px at 92% 0%,rgba(118,218,255,.28),transparent 72%),#ffffffeb;box-shadow:0 28px 80px #256ab438;text-align:left}.connect-badge{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:20px;background:linear-gradient(135deg,#0eaa78,#79e5c8);color:#fff;font-size:28px;font-weight:900;box-shadow:0 16px 34px #0eaa783d}.connect-modal .primary-button{margin-top:22px}.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:5px;padding:8px;border:1px solid rgba(113,190,255,.3);border-radius:30px;background:#ffffffc2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 22px 54px #256ab42e;z-index:5}.bottom-nav button{min-height:58px;border:0;border-radius:24px;background:transparent;color:var(--muted)}.bottom-nav button.active{background:radial-gradient(90px 52px at 50% 0%,rgba(127,221,255,.32),transparent 70%),linear-gradient(180deg,#e7f7ff,#fff);color:var(--blue-dark);box-shadow:inset 0 0 0 1px #2688ff24,0 10px 24px #2688ff1f}.bottom-nav b{display:block;font-size:20px;line-height:1}.bottom-nav span{display:block;margin-top:4px;font-size:12px;font-weight:900}.opener-shell{min-height:100vh;display:grid;place-items:center;padding:22px;position:relative;overflow:hidden}.opener-card{width:min(520px,100%);padding:28px 22px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(280px 170px at 96% 0%,rgba(118,218,255,.26),transparent 72%),#ffffffd6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:1}.opener-logo{margin-bottom:18px}.opener-card .primary-button{margin-top:22px}.opener-steps{display:grid;gap:10px;margin-top:18px;color:var(--muted);line-height:1.4}.opener-steps span{padding:12px 14px;border-radius:16px;background:#ffffff9e}@keyframes bgFloat{0%{transform:translate3d(-10px,-8px,0) scale(1)}to{transform:translate3d(12px,14px,0) scale(1.04)}}@keyframes haloDrift{0%{transform:translate(-50%) translateY(0) scale(1)}to{transform:translate(-50%) translateY(18px) scale(1.06)}}@keyframes sideGlow{0%,to{transform:translateZ(0) scale(1);opacity:.75}50%{transform:translate3d(-34px,-18px,0) scale(1.14);opacity:1}}@keyframes orbOne{0%,to{transform:translateZ(0)}50%{transform:translate3d(38px,-30px,0)}}@keyframes orbTwo{0%,to{transform:translateZ(0)}50%{transform:translate3d(-34px,26px,0)}}@keyframes splashHalo{0%,to{transform:scale(.94);opacity:.55}50%{transform:scale(1.04);opacity:.95}}@keyframes splashPop{0%{opacity:0;transform:scale(.76) rotate(-8deg)}70%{opacity:1;transform:scale(1.06) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes orbitHeartbeat{0%,to{transform:scale(1);box-shadow:0 24px 65px #2688ff3d}50%{transform:scale(1.055);box-shadow:0 30px 76px #2688ff5c}}@keyframes logoHeartbeat{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.1) rotate(-2deg)}}@keyframes ringPulse{0%{opacity:.9;transform:scale(.78)}to{opacity:0;transform:scale(1.28)}}@keyframes buttonSheen{0%,62%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes blobFloatOne{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-30px,36px,0) scale(1.14)}}@keyframes blobFloatTwo{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(36px,-24px,0) scale(1.1)}}@keyframes blobFloatThree{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-22px,-32px,0) scale(1.16)}}@keyframes splashOut{to{opacity:0;visibility:hidden}}@media (max-width: 420px){.app-shell{padding:8px}.app-frame{padding-left:0;padding-right:0}h1{font-size:28px}.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}}