:root{--bg-color:#080d14;--card-bg:#101923;--card-border:#22303e;--primary:#5b83ff;--accent:#82e4b9;--text-main:#f2f5f8;--text-sec:#9caab8;--success:#82e4b9;--bg-main:#0b121b;--bg-sec:#121e2a;--border:#293947}
body{background:#080d14!important;background-image:radial-gradient(ellipse at 75% 0,rgba(78,122,226,.085),transparent 48%)!important;font-family:Inter,system-ui,sans-serif;letter-spacing:-.015em}
nav.top-nav{max-width:1200px;width:100%;margin:0 auto;padding:25px 32px;background:rgba(8,13,20,.94);border-bottom:1px solid rgba(145,166,187,.12);backdrop-filter:blur(18px)}
.logo{font:700 20px Inter,system-ui,sans-serif;letter-spacing:-.6px}.beta-badge{background:#162332!important;color:#a6b9cb!important;border:1px solid #2c3d50;border-radius:6px!important;font:600 9px Inter!important;padding:5px 7px!important;letter-spacing:.07em}
.header-actions{display:flex;align-items:center;gap:14px}.brand-live-link{display:flex;align-items:center;gap:7px;color:#dbe6ee;text-decoration:none;border:1px solid #293846;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600}.brand-live-link:hover{border-color:#82e4b9;color:#82e4b9}.brand-live-link svg{width:14px;height:14px;fill:currentColor}.close-btn{border-radius:9px;background:transparent!important}
main{width:100%;max-width:1120px!important;margin:0 auto!important;padding:40px 30px 130px!important;flex:1}
#loginView.active{display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:center;min-height:calc(100vh - 240px)}
.welcome-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:#82e4b9;margin-bottom:26px}.welcome-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#82e4b9}
.welcome-panel h1{font-size:clamp(36px,5.2vw,68px);line-height:1.07;font-weight:650;letter-spacing:-3px;margin:0 0 24px}.welcome-panel h1 span{color:#8999ac}.welcome-panel>p{color:#9caab8;font-size:16px;line-height:1.8;max-width:410px;margin-bottom:36px}.welcome-facts{display:flex;flex-wrap:wrap;gap:22px;color:#c0cbd6;font-size:12px}.welcome-facts span{display:flex;align-items:center;gap:7px}.welcome-facts i{width:5px;height:5px;background:#5b83ff;border-radius:50%}
.login-card{max-width:none!important;width:100%!important;margin:0!important;padding:35px!important;border:1px solid #263543!important;border-radius:22px!important;background:#101923!important;box-shadow:0 24px 80px rgba(0,0,0,.2)!important;text-align:left!important}.login-card h2{font:600 24px Inter!important;letter-spacing:-.7px!important;margin-bottom:10px!important}.login-card>p{line-height:1.7;font-size:14px!important;margin-bottom:26px!important}.login-card>a:last-of-type{background:#1c2731!important;border:1px solid #33424e!important;color:#f1f5f9!important}.login-card>a:last-of-type img{width:22px!important}
.profile-header{background:#101923!important;border:1px solid #263543!important;border-radius:18px!important;padding:20px!important;box-shadow:none!important}.profile-info h1{font-family:Inter!important;font-weight:600!important;letter-spacing:-.8px}.avatar{border-radius:14px!important}.status-text{font-size:12px!important;gap:7px}.status-dot{width:6px!important;height:6px!important;box-shadow:none!important}.balance-badge{background:#172c25!important;color:#a5efd0!important;border:1px solid #2c5141}
.hero-title{font:600 clamp(30px,4vw,48px)/1.15 Inter!important;letter-spacing:-1.9px!important;text-align:left!important;max-width:760px;margin:36px 0 15px!important}.hero-desc{font-size:16px!important;line-height:1.8!important;text-align:left!important;color:#9caab8!important;margin-bottom:15px!important}
.tariffs-header{font:600 34px Inter!important;letter-spacing:-1.3px!important;text-align:left!important;margin:10px 0 28px!important}.tariff-card,.device-card{border-radius:17px!important;border:1px solid #263543!important;background:#101923!important;box-shadow:none!important}.tariff-card.selected,.tariff-card.active{border-color:#5b83ff!important;background:#14223c!important}.tariff-card:hover{border-color:#4d6380!important}.tariff-card h2,.tariff-card h3{font-family:Inter!important}.price{letter-spacing:-1.5px}
.bottom-nav{width:460px!important;max-width:calc(100% - 24px)!important;left:50%!important;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom))!important;border:1px solid #304151!important;border-radius:18px!important;height:70px!important;padding:7px!important;background:rgba(17,26,36,.97)!important;box-shadow:0 12px 40px #0005;backdrop-filter:blur(20px)}.nav-item{border-radius:12px;min-width:90px;padding:8px 18px!important;gap:5px!important;font-size:10px!important;color:#8fa1b2!important;transition:background .2s}.nav-item.active{color:#a3e8ca!important;background:#1a312c}.nav-item svg{width:21px!important;height:21px!important}.hide-nav{display:none!important}
.more-live{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:#f3f6f8;padding:23px!important;border:1px solid #35554c!important;background:linear-gradient(120deg,#142720,#111c24)!important}.more-live strong{display:block;font-size:16px;margin-bottom:7px}.more-live small{font-size:13px;line-height:1.6;color:#a0b8ad}.more-live .live-mark{width:46px;height:46px;display:grid;place-items:center;background:#234535;border:1px solid #3e6953;border-radius:13px;flex:none}.more-live .live-mark svg{width:20px;fill:#adf0cc}.more-live .live-arrow{font-size:22px;color:#96dfb7}
.modal-content,.modal-box{border-color:#2a3c4d!important;background:#111b27!important;border-radius:20px!important}input,select,textarea{accent-color:#5b83ff}input:focus,select:focus,textarea:focus{outline-color:#5b83ff}
@media(min-width:900px){#homeTab{max-width:900px;margin:auto}.profile-header{padding:23px!important}.tariffs-grid{gap:20px!important}}
@media(max-width:700px){nav.top-nav{padding:17px 19px}.logo{font-size:17px}.beta-badge{display:none}.brand-live-link{padding:7px 10px}.header-actions{gap:8px}main{padding:27px 18px 115px!important}#loginView.active{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:12px}.welcome-panel h1{font-size:43px;letter-spacing:-2px;margin-bottom:17px}.welcome-panel>p{font-size:14px;margin-bottom:21px}.welcome-eyebrow{margin-bottom:17px;font-size:10px}.welcome-facts{gap:15px;font-size:11px}.login-card{padding:25px!important}.login-card h2{font-size:21px!important}.hero-title{font-size:32px!important;letter-spacing:-1.4px!important;margin-top:30px!important}.hero-desc{font-size:14px!important}.profile-header{padding:16px!important}.profile-info h1{font-size:21px!important}.tariffs-header{font-size:28px!important}.more-live{padding:18px!important}.more-live small{font-size:12px}.bottom-nav{height:66px!important}.nav-item{padding:7px 14px!important;min-width:80px}}
@media(prefers-reduced-motion:reduce){}