[hidden], .mobile-nav[hidden] { display: none !important; }
.hero-section { min-height: calc(100vh - 128px); }
.account-live-panel { justify-self: end; width: min(430px, 100%); border: 1px solid #cbd9e8; border-radius: 8px; padding: 27px; background: #fff; box-shadow: var(--shadow); }
.account-loading { padding: 70px 20px; color: var(--muted); text-align: center; }
.live-auth-heading > span, .live-dashboard-head span { color: var(--blue); font-size: 10px; font-weight: 700; }
.live-auth-heading h2, .live-dashboard-head h2 { margin: 7px 0 2px; font-size: 25px; }
.live-auth-heading p, .live-dashboard-head p { margin: 0; color: var(--muted); font-size: 11px; }
.live-auth-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin: 19px 0 17px; border-radius: 6px; padding: 3px; background: #edf2f7; }
.live-auth-tabs button { height: 34px; border: 0; border-radius: 5px; background: transparent; color: #64758a; font-size: 10px; font-weight: 700; cursor: pointer; }
.live-auth-tabs button.active { background: #fff; color: var(--ink); box-shadow: 0 2px 7px rgba(44, 70, 105, 0.1); }
.account-live-panel form { display: grid; gap: 12px; }
.account-live-panel form > label { display: grid; gap: 5px; color: #3c5068; font-size: 10px; font-weight: 650; }
.account-live-panel input { width: 100%; min-width: 0; height: 40px; border: 1px solid #ccd8e5; border-radius: 6px; padding: 0 10px; outline: 0; }
.account-live-panel input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(36, 107, 254, 0.1); }
.live-phone, .live-code { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; border: 1px solid #ccd8e5; border-radius: 6px; }
.live-phone:focus-within, .live-code:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(36, 107, 254, 0.1); }
.live-phone > span { border-right: 1px solid #e0e8f0; padding: 0 10px; color: #607188; }
.live-phone input, .live-code input { border: 0; box-shadow: none !important; }
.live-code { grid-template-columns: minmax(0, 1fr) auto; }
.live-code button { height: 29px; border: 0; border-left: 1px solid #e0e8f0; padding: 0 10px; background: #fff; color: var(--blue); font-size: 9px; cursor: pointer; }
.live-primary { height: 40px; border: 0; border-radius: 6px; background: var(--blue); color: #fff; font-weight: 700; cursor: pointer; }
.live-text { justify-self: center; border: 0; background: transparent; color: var(--blue); font-size: 10px; cursor: pointer; }
.live-agreement { display: flex !important; align-items: flex-start; flex-direction: row; gap: 6px !important; font-weight: 400 !important; }
.live-agreement input { width: 14px; height: 14px; margin-top: 2px; }
.live-agreement a { color: var(--blue); }
.live-status { min-height: 18px; margin: 11px 0 0; color: var(--green); font-size: 10px; }
.live-status.error { color: #bd3f49; }
.live-privacy { display: block; margin-top: 8px; border-top: 1px solid #edf1f5; padding-top: 11px; color: #8794a3; text-align: center; }
.live-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.live-dashboard-head > button { border: 1px solid #d5dfeb; border-radius: 5px; padding: 6px 9px; background: #fff; color: #576a80; font-size: 9px; cursor: pointer; }
.live-plan { margin-top: 18px; border: 1px solid #d8e4f0; border-radius: 7px; padding: 16px; background: #f7faff; }
.live-plan span, .live-plan strong, .live-plan p { display: block; margin: 0; }
.live-plan span { color: var(--muted); font-size: 9px; }
.live-plan strong { margin-top: 5px; font-size: 19px; }
.live-plan p { color: var(--muted); font-size: 10px; }
.live-plan i { display: inline-flex; margin-top: 9px; border-radius: 99px; padding: 3px 7px; background: #e7f1ff; color: var(--blue); font-size: 8px; font-style: normal; font-weight: 700; }
.live-redeem { grid-template-columns: minmax(0, 1fr) auto !important; margin-top: 12px; }
.live-redeem button { border: 0; border-radius: 6px; padding: 0 13px; background: var(--blue); color: #fff; font-weight: 700; cursor: pointer; }
.live-device-list { margin-top: 16px; border-top: 1px solid #e5ecf4; }
.live-device-list > header, .live-device-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; border-bottom: 1px solid #edf1f5; padding: 10px 0; }
.live-device-list > header { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }
.live-device-list > div span b, .live-device-list > div span small { display: block; }
.live-device-list > div span b { font-size: 10px; }
.live-device-list > div span small { color: var(--muted); font-size: 8px; }
.live-device-list i { border-radius: 99px; padding: 3px 6px; background: #fff0f1; color: #b6434d; font-size: 8px; font-style: normal; }
.live-device-list i.authorized { background: #e6f7ef; color: var(--green); }
.live-device-list > div > button { border: 1px solid #e2c9cb; border-radius: 5px; padding: 4px 7px; background: #fff; color: #b6434d; font-size: 8px; cursor: pointer; }
.live-empty { padding: 20px; color: var(--muted); font-size: 10px; text-align: center; }
button:disabled { cursor: wait; opacity: 0.55; }
@media (max-width: 1100px) { .account-live-panel { justify-self: center; } }
@media (max-width: 480px) { .account-live-panel { padding: 21px 16px; } .live-device-list > div { grid-template-columns: minmax(0, 1fr) auto; } .live-device-list > div > button { grid-column: 2; } }