:root{--accent:#4b8dff;--accent2:#7357ff;--accent-soft:rgba(75,141,255,.14);--accent-glow:rgba(75,141,255,.28);--hero-glow:rgba(43,115,255,.24)}
:root[data-theme="violet"]{--accent:#9b5cff;--accent2:#f05ad5;--accent-soft:rgba(155,92,255,.15);--accent-glow:rgba(155,92,255,.3);--hero-glow:rgba(138,59,255,.26);--blue:#9b5cff;--purple:#f05ad5}
:root[data-theme="emerald"]{--accent:#19c989;--accent2:#1f9dca;--accent-soft:rgba(25,201,137,.14);--accent-glow:rgba(25,201,137,.28);--hero-glow:rgba(25,201,137,.2);--blue:#19c989;--purple:#1f9dca;--lime:#b9ff48}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f7fc;--surface:#fff;--surface2:#eaf1fb;--text:#102039;--muted:#66768d;--line:rgba(16,32,57,.1);--accent:#126dff;--accent2:#6648e8;--accent-soft:rgba(18,109,255,.1);--accent-glow:rgba(18,109,255,.2);--hero-glow:rgba(18,109,255,.14);--blue:#126dff;--purple:#6648e8;--lime:#69a700;--shadow:0 18px 50px rgba(32,64,100,.13)}
body{background:radial-gradient(circle at 90% -5%,var(--hero-glow),transparent 30rem),var(--bg)}
.app-shell{max-width:760px}.topbar{height:88px}.brand-mark{background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 10px 30px var(--accent-glow)}.topbar>.icon-btn{margin-left:auto;margin-right:8px}.profile-button{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:3px;cursor:pointer;box-shadow:var(--shadow)}.profile-button span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;font-weight:900}.welcome{padding-top:38px;align-items:center}.welcome h1{max-width:17ch}.welcome h1>span{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.home-sub{color:var(--muted);margin:12px 0 0;max-width:37ch}.pulse{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.pulse span{background:var(--accent);box-shadow:0 0 0 8px var(--accent-soft),0 0 24px var(--accent)}.repair-banner{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),color-mix(in srgb,var(--accent2) 20%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.banner-icon,.head-icon.blue{background:linear-gradient(145deg,var(--accent),var(--accent2))}.quick-card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 45%,var(--surface)));box-shadow:0 12px 30px rgba(0,0,0,.09)}.quick-card:hover{border-color:color-mix(in srgb,currentColor 45%,transparent);transform:translateY(-3px)}.campaign-card-v2{background:radial-gradient(circle at 85% 15%,rgba(185,255,72,.2),transparent 11rem),linear-gradient(125deg,color-mix(in srgb,var(--accent) 75%,#112244),color-mix(in srgb,var(--accent2) 75%,#172040))}.promo-ready{isolation:isolate}.promo-ready::before,.promo-ready::after{content:"";position:absolute;border:2px solid rgba(255,255,255,.6);width:60px;height:112px;border-radius:15px;transform:rotate(13deg);z-index:-1}.promo-ready::after{transform:translate(15px,5px) rotate(-7deg);border-color:var(--lime)}.promo-ready small{position:absolute;bottom:2px;color:var(--lime);font-weight:900}.bottom-nav .selected{color:var(--accent)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 28px var(--accent-glow)}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.onboarding{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 80% 5%,var(--hero-glow),transparent 28rem),var(--bg);display:grid;place-items:center;padding:22px;overflow:auto}.onboarding.hidden{display:none}.onboarding-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.14;bottom:-120px;left:-80px;pointer-events:none}.onboarding-card{width:min(100%,520px);min-height:min(680px,calc(100vh - 44px));border:1px solid var(--line);border-radius:34px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(24px);padding:28px;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(0,0,0,.28)}.onboarding-progress{display:flex;gap:7px}.onboarding-progress span{height:5px;flex:1;background:var(--line);border-radius:99px;transition:.3s}.onboarding-progress span.active{background:linear-gradient(90deg,var(--accent),var(--accent2))}.onboarding-slide{display:none;flex:1;align-content:center;text-align:center;padding:35px 0}.onboarding-slide.active{display:grid;animation:enter .35s ease}.welcome-logo{width:126px;height:126px;border-radius:34px;background:#07111f;margin:0 auto 34px;display:grid;place-items:center;position:relative;box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 0 1px var(--line)}.welcome-logo span{font-size:5rem;font-weight:950;background:linear-gradient(145deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.welcome-logo i{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--lime);right:19px;top:18px;box-shadow:0 0 21px var(--lime)}.onboarding-kicker{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.16em;margin:0 0 13px}.onboarding-slide h1{font-size:clamp(2.15rem,9vw,3.4rem);line-height:1;letter-spacing:-.055em;margin:0 auto;max-width:11ch}.onboarding-slide>p:not(.onboarding-kicker){color:var(--muted);max-width:34ch;margin:18px auto 0}.mini-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 25px;border-radius:20px;background:var(--accent-soft);font-size:1.7rem}.name-field{text-align:left;display:grid;gap:8px;margin:34px auto 0;width:min(100%,390px);font-weight:800}.name-field input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:17px;padding:17px;outline:0;font:inherit;font-size:1.05rem}.name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}.theme-choice{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:18px;padding:10px;cursor:pointer;text-align:left}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-choice b{display:block;text-align:center;font-size:.82rem;margin:7px 0 2px}.theme-preview{display:block;height:72px;border-radius:12px;position:relative;overflow:hidden}.theme-preview::before{content:"";position:absolute;inset:11px 30% 11px 10px;border-radius:8px;background:rgba(255,255,255,.14)}.theme-preview i{position:absolute;width:23px;height:23px;border-radius:50%;right:10px;top:11px;background:rgba(255,255,255,.3)}.theme-preview i+ i{top:42px;height:18px;border-radius:6px}.theme-preview.ocean{background:linear-gradient(135deg,#07111f,#1479ff)}.theme-preview.violet{background:linear-gradient(135deg,#160d28,#a44fff)}.theme-preview.emerald{background:linear-gradient(135deg,#071d1a,#19c989)}.theme-preview.light{background:linear-gradient(135deg,#edf4fc,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.theme-preview.light::before,.theme-preview.light i{background:rgba(18,109,255,.25)}.onboarding-actions{display:flex;gap:10px;margin-top:auto}.onboarding-next,.onboarding-back{min-height:56px;border-radius:16px;font:inherit;font-weight:900;cursor:pointer}.onboarding-next{flex:1;border:0;color:white;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 14px 34px var(--accent-glow)}.onboarding-back{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:0 18px}.onboarding-next span{margin-left:6px}.onboarding-error{animation:shake .28s ease;border-color:#ff6b73!important}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}body.onboarding-open{overflow:hidden}
@media(max-width:460px){.onboarding{padding:0}.onboarding-card{min-height:100vh;border:0;border-radius:0;padding:24px 20px}.theme-picker{gap:8px}.theme-preview{height:62px}.welcome{padding-top:28px}.home-sub{font-size:.9rem}.profile-button{width:42px;height:42px}}

.hidden{display:none!important}
body.system-open{overflow:hidden}
.system-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;align-content:center;padding:24px;background:radial-gradient(circle at 78% 2%,var(--hero-glow),transparent 30rem),radial-gradient(circle at 0 100%,rgba(185,255,72,.08),transparent 25rem),var(--bg);text-align:center;overflow:auto}
.gate-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.14;right:-120px;top:-90px;pointer-events:none}
.boot-mark{width:118px;height:118px;border:1px solid var(--line);border-radius:34px;display:grid;place-items:center;position:relative;background:#07111f;box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 45px var(--accent-glow);margin-bottom:28px}
.boot-mark span{font-size:4.5rem;line-height:1;font-weight:950;background:linear-gradient(145deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.boot-mark i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--lime);right:17px;top:17px;box-shadow:0 0 20px var(--lime)}
.system-gate h1{font-size:clamp(2rem,8vw,3.4rem);letter-spacing:-.055em;line-height:1.02;margin:0;max-width:12ch}.system-gate>p:not(.gate-kicker),.gate-card>p:not(.gate-kicker){color:var(--muted);max-width:37ch;margin:16px auto 0}.gate-kicker{color:var(--accent);font-size:.73rem;font-weight:950;letter-spacing:.17em;margin:0 0 13px}.boot-loader{display:flex;gap:7px;justify-content:center;margin:26px 0 5px}.boot-loader span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:bootPulse 1s ease-in-out infinite}.boot-loader span:nth-child(2){animation-delay:.14s}.boot-loader span:nth-child(3){animation-delay:.28s}@keyframes bootPulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}
.gate-card{width:min(100%,500px);border:1px solid var(--line);border-radius:32px;padding:36px 28px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(0,0,0,.3)}.gate-card h1{margin-inline:auto}.gate-card>small{display:block;color:var(--muted);font-size:.76rem;margin:16px auto 0;max-width:35ch}.gate-icon{width:82px;height:82px;border-radius:25px;margin:0 auto 25px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:2.4rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.gate-time{width:max-content;max-width:100%;margin:20px auto 0;border:1px solid var(--line);border-radius:12px;padding:9px 13px;color:var(--text);background:var(--surface2);font-size:.85rem;font-weight:800}.gate-button,.gate-secondary{width:100%;min-height:56px;border-radius:16px;font:inherit;font-weight:900;cursor:pointer}.gate-button{margin-top:26px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 15px 36px var(--accent-glow);display:flex;align-items:center;justify-content:center;gap:10px}.gate-button i{font-style:normal;font-size:1.25rem}.gate-button[disabled]{opacity:.65;cursor:wait}.gate-secondary{border:0;background:transparent;color:var(--muted);margin-top:6px}.update-orbit{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;background:conic-gradient(from 40deg,var(--accent),var(--accent2),var(--lime),var(--accent));padding:2px;box-shadow:0 0 45px var(--accent-glow)}.update-orbit::before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:var(--surface)}.update-orbit span{grid-area:1/1;z-index:1;font-size:2.35rem;color:var(--accent);font-weight:900}
.connection-status{position:fixed;z-index:45;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#fff4cf;color:#4c3900;border:1px solid rgba(178,128,0,.22);box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:999px;padding:8px 13px;font-size:.75rem}.connection-status span{width:8px;height:8px;border-radius:50%;background:#e1a400}
body.is-standalone .apk-banner{display:none!important}
.campaign-card.has-media{position:relative;isolation:isolate;background:#0b1729}.campaign-card.has-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,22,.94) 0%,rgba(4,11,22,.76) 58%,rgba(4,11,22,.2));z-index:-1}.campaign-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.campaign-card.has-media>div:first-of-type{position:relative;z-index:1}.campaign-card.is-loading{min-height:190px;background:linear-gradient(100deg,var(--surface) 20%,var(--surface2) 45%,var(--surface) 70%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}
.offer-with-video{padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px;display:grid;align-items:center}.offer-video{display:block;width:100%;aspect-ratio:16/9;background:#090f1e;object-fit:contain}.offer-with-video .offer-copy{padding:17px}.offer-with-video .offer-copy h2{margin-top:8px}#featuredCampaign{display:grid;gap:16px}@media(min-width:600px){.offer-with-video{grid-template-columns:1fr 1fr}}
.tariff-catalog{display:grid;gap:10px;margin-top:18px}.tariff-heading{display:flex;align-items:end;justify-content:space-between;margin:25px 2px 2px}.tariff-heading h2{font-size:1.14rem;margin:0}.tariff-heading small{color:var(--muted)}.tariff-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 48%,var(--surface)))}.tariff-card h3{margin:0 0 2px;font-size:1rem}.tariff-card p{margin:0;color:var(--muted);font-size:.8rem}.tariff-price{text-align:right}.tariff-price b{display:block;color:var(--lime);font-size:1.06rem}.tariff-price small{color:var(--muted);font-size:.68rem}.result-card.error-card{border-color:rgba(255,107,115,.3);background:linear-gradient(145deg,rgba(255,107,115,.09),var(--surface))}.result-card.loading-card{border-color:var(--line)}.spinner{display:inline-block;width:17px;height:17px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.result-actions .primary{margin:0}.secondary-action{min-height:52px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:14px;font-weight:800;cursor:pointer}.offline-note{font-size:.75rem;color:var(--muted);margin-top:7px}
@media(max-width:460px){.system-gate{padding:0}.gate-card{min-height:100vh;width:100%;border:0;border-radius:0;padding:32px 21px;display:flex;flex-direction:column;justify-content:center}.result-actions{grid-template-columns:1fr}.tariff-card{padding:15px}.boot-gate{padding:24px}.update-card .gate-secondary{min-height:48px}}