/* Innova Cheat — OBSIDIAN VIOLET / PREMIUM TECH — 2026-11-15
   Presentation only; real key, HAPP linking and patch services unchanged.
   Scoped to vinakcheat.everycheat.xyz via Nginx HTML injection.
*/

/* 01 / A shared, accessible color system — override older light-mode variables. */
:root,html:root {
 color-scheme:dark!important;
 --vk-ink:#f7f5ff;
 --vk-muted:#c6adce;
 --vk-cyan:#c3adff;
 --vk-electric:#957bfa;
 --vk-glass:#25122b;
 --vk-blue:#6c51e1;
 --vk-edge:rgba(133,190,246,.29);
 --t-bg:#080912!important;
 --t-panel:#141426!important;
 --t-panel-2:#201c35!important;
 --t-outline:#6f3d80!important;
 --t-cyan:#c452f6!important;
 --t-cyan-bright:#dbcaff!important;
 --t-cyan-dark:#aa22d3!important;
 --t-text:#fdf6fe!important;
 --t-muted:#cdb4d5!important;
 --t-danger:#ff99ab!important;
 --t-good:#8ce6c9!important;
 --t-glow:rgba(49,159,255,.17)!important;
 --blue:#ba33eb!important;
 --red:#f28ca5!important;
 --line:#d57bf5!important;
 --light:#fbf0fe!important;
 --menu-page:#1b0920!important;
 --menu-panel:#25122b!important;
 --menu-inner:#210d28!important;
 --menu-text:#fcf4fe!important;
 --menu-muted:#c8afcf!important;
 --menu-edge:#6f437e!important;
 --menu-blue:#c851f6!important;
 --menu-blue-dark:#d787f9!important;
 --menu-input:#1a0820!important;
}
html{color-scheme:dark!important;scroll-behavior:smooth}
body,body.scene-red,body.scene-violet,body.scene-cyan{
 color:#fcf5fe!important;
 background:radial-gradient(ellipse 65% 42% at 90% 0%,rgba(29,132,249,.18),transparent 72%),
 radial-gradient(ellipse 54% 39% at 0% 54%,rgba(4,90,160,.12),transparent 80%),
 linear-gradient(155deg,#100612 0%,#1d0a23 50%,#15071a 100%)!important;
}
body::after{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.21;
 background-image:linear-gradient(rgba(123,193,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(123,193,255,.045) 1px,transparent 1px);
 background-size:62px 62px;mask-image:linear-gradient(to bottom,#000000 0%,transparent 75%);
}
.cinema-shell,.cinema-light,.cinema-tint,.cinema-grain{pointer-events:none!important}
.cinema-shell video{filter:hue-rotate(178deg) saturate(.6) brightness(.35) contrast(1.11)!important;opacity:.21!important}
.cinema-tint{background:linear-gradient(180deg,rgba(5,13,24,.76),rgba(5,12,23,.94))!important}
.cinema-light,body.scene-red .cinema-light,body.scene-violet .cinema-light,body.scene-cyan .cinema-light{
 background:radial-gradient(ellipse 63% 50% at 68% 7%,rgba(45,163,255,.17),transparent 73%)!important;
 opacity:.76!important;
}
.cinema-grain{opacity:.045!important}
main{position:relative;isolation:isolate}

/* 02 / Brand, language switch, navigation. */
.topbar{
 background:linear-gradient(130deg,rgba(17,34,51,.95),rgba(8,17,30,.92))!important;
 border:1px solid rgba(111,174,233,.24)!important;border-radius:18px!important;
 box-shadow:0 8px 26px rgba(0,0,0,.16),inset 0 1px rgba(187,227,255,.045)!important;
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.site-brand,.brand-label,.footer-brand,.footer-brand b{color:#fcf5fe!important;text-shadow:none!important}
.brand-icon{
 display:grid!important;place-items:center!important;
 background:linear-gradient(142deg,#b122de,#4f0d64)!important;
 border:1px solid rgba(113,216,255,.8)!important;color:#f9eefe!important;
 box-shadow:0 7px 19px rgba(18,125,237,.2),inset 0 1px rgba(255,255,255,.21)!important;
}
.brand-label small,.brand-sub,.footer-brand small{color:#c099cd!important}
.nav-top a{
 color:#dbc1e3!important;background:rgba(80,152,227,.075)!important;
 border:1px solid rgba(106,169,227,.23)!important;
}
.nav-top a:hover,.nav-top a:focus-visible{
 color:#ffffff!important;border-color:#d170f8!important;background:rgba(49,148,240,.13)!important;
}
.lang-switch{
 background:rgba(4,15,27,.83)!important;border:1px solid rgba(126,185,244,.28)!important;
 border-radius:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.lang-switch .lang-option{
 color:#ceacd9!important;background:transparent!important;border:1px solid transparent!important;
 box-shadow:none!important;font-weight:750!important;
}
.lang-switch .lang-option[aria-pressed="true"]{
 background:linear-gradient(130deg,#b62ee4,#a31cc9)!important;border:1px solid #ca5df6!important;
 color:#ffffff!important;box-shadow:0 4px 16px rgba(22,118,232,.22)!important;
}
.site-brand:focus-visible,.nav-top a:focus-visible,button:focus-visible,.button:focus-visible,summary:focus-visible{
 outline:2px solid #d381f8!important;outline-offset:3px!important;
}

/* 03 / Hero and cards, one set of materials. */
.hero-eyebrow,.technical-label,.connection-kicker,.real-device-kicker{
 color:#d88cf9!important;letter-spacing:.12em!important;
 text-shadow:none!important;opacity:1!important;
}
.hero-eyebrow:before{background:#cf78f8!important;box-shadow:0 0 13px rgba(67,194,255,.65)!important}
.hero-heading,.hero-heading span,.hero-heading strong,
h1,h2,h3,.brand-label,.intro-title,.connect-title h2,
#pairSection h2,#loginSection h2,#heroRealDevice h3,
#certificateSection h3,.feature-heading h3{
 color:#fdf6fe!important;text-shadow:none!important;
}
.hero-heading{letter-spacing:-.05em!important;line-height:1!important;font-weight:900!important}
.hero-heading strong{
 background:linear-gradient(110deg,#f8ebfe,#da95f9 50%,#cb47f5)!important;
 background-clip:text!important;-webkit-background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
}
.hero-message,.tagline,.hero-foot,.connect-title p,.feature-heading p,
.login-intro p,.page-footer,.footer-availability,.hero-points span,
p,.real-device-hint{color:#c9b2d0!important}
.hero-points span{
 padding:8px 12px!important;background:rgba(38,118,209,.09)!important;
 border:1px solid rgba(107,184,251,.25)!important;border-radius:999px!important;
}
.hero-points b{color:#f2dbfa!important}
.hero-figure img,.vigilante-art img{
 filter:saturate(.76) hue-rotate(178deg) brightness(.85) contrast(1.1)!important;opacity:.8!important;
}
.hud-frame{border-color:rgba(100,175,245,.26)!important}
.hud-frame:before,.hud-frame:after{border-color:rgba(108,201,255,.46)!important}
.hud-frame,.panel,.feature-card,.connect-card,.login-zone,
#pairSection,#certificateSection.certificate-gate,
#heroRealDevice,#savedKeyPanel,#happDevicePanel,#patchCertPanel{
 color:#fbeffe!important;
 background:linear-gradient(152deg,rgba(24,42,60,.975),rgba(10,23,37,.975))!important;
 border:1px solid rgba(129,186,247,.27)!important;
 box-shadow:0 18px 54px rgba(0,5,15,.48),inset 0 1px rgba(210,239,255,.065)!important;
 border-radius:21px!important;
}
.connect-card{
 background:radial-gradient(circle at 90% 0%,rgba(47,166,253,.14),transparent 60%),linear-gradient(145deg,#3a1d44,#230e29)!important;
 border-color:rgba(106,200,255,.44)!important;
 box-shadow:0 20px 63px rgba(0,6,19,.47),inset 0 1px rgba(209,238,255,.11)!important;
}
.connect-icon,.feature-glyph,.intro-symbol,.pair-icon,.logo{
 color:#e9c2fc!important;
 background:linear-gradient(142deg,#501a61,#2e0f38)!important;
 border:1px solid rgba(91,194,255,.46)!important;
 box-shadow:0 9px 23px rgba(0,8,26,.32),inset 0 1px rgba(180,225,255,.10)!important;
}
.connect-stats>div,.connect-stats{
 color:#edd9f4!important;
 background:rgba(5,20,35,.42)!important;border:1px solid rgba(92,148,200,.23)!important;
 box-shadow:none!important;
}
.connect-stats b,#heroKeyStatus,#heroConnectionStatus{color:#fcf6fe!important}

/* 04 / Pairing screen. */
#pairSection{
 max-width:620px!important;margin:16px auto 0!important;padding:30px 26px!important;
 background:radial-gradient(ellipse 80% 55% at 50% -18%,rgba(37,145,252,.21),transparent 80%),
 linear-gradient(155deg,#381742,#230c29)!important;
 border-color:rgba(117,197,254,.45)!important;
 border-radius:24px!important;
 box-shadow:0 22px 65px rgba(0,7,22,.52),inset 0 1px rgba(212,237,255,.12)!important;
}
#pairSection .pair-icon{
 width:66px!important;height:66px!important;margin:0 auto 17px!important;
 display:grid!important;place-items:center!important;font-size:35px!important;
 border-radius:18px!important;background:linear-gradient(145deg,#771f93,#370e45)!important;
 color:#f4e1fd!important;border:1px solid #d06df7!important;
}
#pairSection h2{
 color:#fdf7ff!important;-webkit-text-fill-color:#fdf7ff!important;
 letter-spacing:-.04em!important;font-size:26px!important;margin:9px 0 11px!important;
}
#pairSection p,#pairSection #pairState{
 color:#d5bbdd!important;font-size:15px!important;line-height:1.65!important;
}
#pairSection .technical-label{color:#dfa3fa!important;opacity:1!important;font-weight:800!important}
#pairLinkedNote,#certificateSection .cert-device-note,#connectPrompt.connect-verification-note{
 color:#f3d6fd!important;background:rgba(29,87,142,.23)!important;
 border:1px solid rgba(109,181,241,.48)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
 border-radius:12px!important;
}
#connectPrompt.connect-verification-note{font-weight:700!important;letter-spacing:.005em!important}

/* 05 / A single call-to-action system, on all stages and dynamic panels. */
#pairHapp,#loginForm #submit,#loginSection #submit,#savedConnectHapp,
#certificateSection #downloadPatchCA,#certificateSection .cert-confirm-button,
.menu-bridge-box button:not(.menu-bridge-secondary),.connect-card .primary,
.primary,.button.primary,#loginForm>button:not([disabled]){
 color:#ffffff!important;
 background:linear-gradient(115deg,#7862ee 0%,#6045d4 55%,#5134c2 100%)!important;
 border:1px solid #cc5ef7!important;
 border-radius:13px!important;
 box-shadow:0 10px 25px rgba(15,97,227,.28),inset 0 1px rgba(207,240,255,.22)!important;
 font-weight:850!important;text-shadow:none!important;
 transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
#pairHapp:hover,#loginSection #submit:hover:not(:disabled),#savedConnectHapp:hover,
#certificateSection #downloadPatchCA:hover,#certificateSection .cert-confirm-button:hover,
.menu-bridge-box button:not(.menu-bridge-secondary):hover,
.connect-card .primary:hover,.primary:hover,.button.primary:hover{
 color:#ffffff!important;
 background:linear-gradient(115deg,#a18bff,#795fee,#5e43d4)!important;
 border-color:#dbcaff!important;
 box-shadow:0 12px 30px rgba(20,116,246,.37),0 0 0 1px rgba(119,220,255,.16)!important;
 transform:translateY(-2px);
}
#pairHapp:active,#loginSection #submit:active,#savedConnectHapp:active,
#certificateSection #downloadPatchCA:active{transform:translateY(1px)}
#certificateSection .cert-already-installed-button,#logoutSaved,
.secondary,.button.secondary,.menu-bridge-box button.menu-bridge-secondary{
 background:rgba(29,57,81,.64)!important;color:#f8e6fe!important;
 border:1px solid #885898!important;box-shadow:none!important;
}
#certificateSection .cert-already-installed-button:hover,#logoutSaved:hover,
.secondary:hover,.button.secondary:hover,.menu-bridge-box button.menu-bridge-secondary:hover{
 background:#562766!important;border-color:#d47ff5!important;color:#ffffff!important;
}
button:disabled,.button[aria-disabled="true"]{cursor:not-allowed!important;opacity:.55!important;box-shadow:none!important;transform:none!important}

/* 06 / Key form — legible text, focused inputs, no low-contrast sections. */
#loginSection{
 background:linear-gradient(160deg,#351b3e,#230d29)!important;
 border-color:rgba(118,197,255,.41)!important;
}
#loginSection .login-intro{
 display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
 align-items:start!important;column-gap:15px!important;text-align:left!important;
}
#loginSection .login-intro>.intro-symbol{
 display:grid!important;place-items:center!important;
 width:46px!important;min-width:46px!important;height:49px!important;
 margin:0!important;padding:0!important;font-size:25px!important;line-height:1!important;
 border-radius:12px!important;background:linear-gradient(145deg,#6b1f85,#34123f)!important;
 border-color:#cb69f0!important;color:#f2dbfd!important;
}
#loginSection .login-intro>div{min-width:0!important}
#loginSection .login-intro .technical-label{
 display:block!important;color:#da90f9!important;
 font-size:clamp(10px,2.4vw,12px)!important;line-height:1.5!important;letter-spacing:.09em!important;
}
#loginSection .login-intro h2,#loginSection h2{
 color:#fcf5fe!important;-webkit-text-fill-color:#fcf5fe!important;
 font-size:clamp(21px,5vw,25px)!important;line-height:1.22!important;
 margin:5px 0 9px!important;letter-spacing:-.028em!important;
 -webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important;
}
#loginSection .login-intro p,#loginSection p{
 color:#d1b8d9!important;font-size:14px!important;line-height:1.66!important;
}
#loginSection label,#loginSection #loginForm label,
#loginForm>label[for=key]{
 color:#edd5f5!important;font-weight:760!important;opacity:1!important;
}
input,textarea,select,#loginSection input,#loginForm #key,#loginForm>details input,.menu-bridge-box input{
 color:#fcf5fe!important;background:#1a0920!important;
 border:1px solid #7f578c!important;outline:0!important;
 box-shadow:inset 0 2px 8px rgba(0,5,13,.32)!important;
}
input::placeholder,textarea::placeholder,#loginForm #key::placeholder{color:#a689af!important}
input:focus,textarea:focus,#loginSection input:focus,.menu-bridge-box input:focus{
 border-color:#cf76f8!important;box-shadow:0 0 0 3px rgba(50,162,255,.19)!important;
}
#notice{color:#d4bbdc!important}
#notice.error{color:#ffacb8!important}
#notice.ok{color:#8de7cf!important}

/* 07 / The entire linked-device and key information view (the old light theme
   had high-specificity rules; override each explicitly). */
#heroRealDevice{
 padding:17px!important;background:linear-gradient(160deg,#34163e,#220c29)!important;
 border:1px solid rgba(96,171,231,.43)!important;border-radius:18px!important;
}
#heroRealDevice h3,#heroRealDevice h3 *{
 color:#fcf5fe!important;-webkit-text-fill-color:#fcf5fe!important;
 text-shadow:none!important;
}
#heroRealDevice .real-device-kicker,#heroRealDevice .real-device-grid dt,
#heroRealDevice .real-key-rows span,#heroRealDevice .real-device-hint,
#heroRealDevice .real-key-summary p{
 color:#cfb5d7!important;opacity:1!important;
}
#heroRealDevice .real-device-card,
#heroRealDevice .real-key-summary,
#heroRealDevice .real-device-grid>div,
.connect-stats,.real-device-card{
 background:#230e29!important;color:#faedfe!important;
 border:1px solid #683b78!important;box-shadow:inset 0 1px rgba(196,236,255,.045)!important;
}
#heroRealDevice .real-device-grid>div{
 background:linear-gradient(145deg,#3e1c49,#290f32)!important;
 border-radius:13px!important;padding:12px 13px!important;min-width:0!important;
}
#heroRealDevice .real-device-grid dt{font-weight:650!important;font-size:13px!important}
#heroRealDevice .real-device-grid dd,
#heroRealDevice .real-key-rows strong,
#heroDeviceUuid,#heroKeyStatus,#heroConnectionStatus{
 color:#fcf6fe!important;-webkit-text-fill-color:#fcf6fe!important;
 font-size:15px!important;font-weight:790!important;
}
#heroRealDevice .real-key-rows{border-color:#6d447b!important}
#heroRealDevice .real-key-rows>div{
 background:transparent!important;border-color:#6b4578!important;
 padding-block:11px!important;
}
#heroRealDevice .real-device-state,
#heroRealDevice .real-device-card.is-linked .real-device-state{
 background:#471b5a!important;color:#efd2fd!important;
 border:1px solid #9553b2!important;font-weight:750!important;
}
#heroRealDevice .real-device-state:before,
#heroRealDevice .real-device-card.is-linked .real-device-state:before{
 background:#77e0ce!important;box-shadow:0 0 9px rgba(122,233,214,.52)!important;
}
#heroRealDevice #liveKeyState{color:#97efcf!important}
#savedKeyPanel,#savedKeyPanel p,#savedKeyPanel span,#savedKeyPanel div,
#happDevicePanel,#happDevicePanel p{color:#e2cfe9!important}
#savedKeyPanel strong,#savedKeyPanel h3,#patchCertPanel h3{color:#fbf3fe!important}

/* 08 / Certificate onboarding + connected menu pairing form. */
#certificateSection.certificate-gate{
 background:linear-gradient(155deg,#3e1c49,#250e2c)!important;
 border:1px solid #8b4da0!important;border-radius:21px!important;
}
#certificateSection .device-cert-icon{
 color:#f2dbfd!important;background:#4d185f!important;
 border:1px solid #c863ed!important;
}
#certificateSection h3,#certificateSection p{
 color:#fcf6fe!important;
}
#certificateSection p,#certificateSection #certGateHint{color:#d3bbdb!important}
#certificateSection .cert-device-note{
 padding:13px!important;overflow-wrap:anywhere!important;
}
.menu-bridge-box{
 background:linear-gradient(155deg,#3f1c4b,#220c29)!important;
 color:#f8e8fe!important;
 border:1px solid #824d95!important;
 box-shadow:inset 0 1px rgba(213,241,255,.08)!important;
 border-radius:15px!important;
}
.menu-bridge-box h4,.menu-bridge-box strong{color:#fbf3fe!important}
.menu-bridge-box p,.menu-bridge-box label{color:#d7c2dd!important}
.menu-bridge-box input{font-size:16px!important}
#healthLabel,.footer-availability{color:#c5a7cf!important}
.footer-availability i,.footer-availability i.online,#healthDot{
 background:#79e7d2!important;
 box-shadow:0 0 0 4px rgba(81,200,169,.08),0 0 12px rgba(82,215,185,.35)!important;
}
.page-footer{border-color:rgba(109,168,223,.24)!important}

/* 09 / Restore visible brand on the intentionally compact phone header. */
html:not(.happ-session-open) .topbar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:8px!important;padding:10px 12px!important;margin:0 auto 10px!important;
 min-height:62px!important;border-radius:16px!important;
}
html:not(.happ-session-open) .topbar .site-brand{
 display:flex!important;align-items:center!important;gap:8px!important;
 min-width:0!important;max-width:calc(100% - 160px)!important;
 margin:0!important;padding:0!important;text-decoration:none!important;
}
html:not(.happ-session-open) .topbar .site-brand .brand-icon{
 width:35px!important;min-width:35px!important;height:35px!important;
 font-size:19px!important;border-radius:11px!important;
}
html:not(.happ-session-open) .topbar .site-brand .brand-label{
 display:flex!important;flex-direction:column!important;
 font-size:clamp(11px,3vw,14px)!important;line-height:1.2!important;
 font-weight:900!important;letter-spacing:.04em!important;white-space:nowrap!important;
}
html:not(.happ-session-open) .topbar .site-brand .brand-label small{
 font-size:9px!important;letter-spacing:.12em!important;color:#bd9bc9!important;
}
html:not(.happ-session-open) .topbar .lang-switch{
 position:static!important;display:flex!important;flex:0 0 146px!important;
 width:146px!important;min-width:0!important;max-width:146px!important;
 margin:0 0 0 auto!important;
}

/* 10 / Small, purposeful animations that respect accessibility settings. */
@keyframes vkRise{
 from{opacity:.01;transform:translateY(15px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes vkAura{
 0%,100%{box-shadow:0 22px 65px rgba(0,7,22,.52),inset 0 1px rgba(212,237,255,.12)}
 50%{box-shadow:0 24px 70px rgba(0,7,22,.57),0 0 0 1px rgba(87,182,247,.16),inset 0 1px rgba(212,237,255,.15)}
}
@keyframes vkStatus{
 0%,100%{box-shadow:0 0 0 3px rgba(114,236,211,.06),0 0 6px rgba(114,236,211,.21)}
 50%{box-shadow:0 0 0 4px rgba(114,236,211,.12),0 0 16px rgba(114,236,211,.54)}
}
@media(prefers-reduced-motion:no-preference){
 #pairSection,#loginSection,.connect-card{animation:vkRise .58s cubic-bezier(.2,.75,.25,1) both}
 #heroRealDevice{animation:vkRise .48s ease-out both}
 #pairSection{animation:vkRise .58s ease-out both,vkAura 6.4s ease-in-out 1.5s infinite}
 #heroRealDevice .real-device-card.is-linked .real-device-state:before{animation:vkStatus 2.8s ease-in-out infinite}
}
@media(max-width:740px){
 #pairSection{padding:27px 19px!important;border-radius:21px!important}
 #pairSection h2{font-size:25px!important}
 #pairHapp,#loginSection #submit,#savedConnectHapp{min-height:55px!important}
 #heroRealDevice{padding:15px!important}
 #heroRealDevice .real-device-grid>div{padding:12px 10px!important}
 #heroRealDevice .real-device-grid dd{font-size:14px!important;line-height:1.4!important}
 #heroRealDevice .real-key-rows>div{flex-wrap:wrap;gap:6px}
 #heroRealDevice .real-key-rows strong{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
}
@media(max-width:370px){
 html:not(.happ-session-open) .topbar{padding:9px!important}
 html:not(.happ-session-open) .topbar .site-brand .brand-label small{display:none!important}
 html:not(.happ-session-open) .topbar .site-brand{max-width:calc(100% - 144px)!important}
 html:not(.happ-session-open) .topbar .lang-switch{flex-basis:136px!important;width:136px!important;max-width:136px!important}
 #loginSection .login-intro{grid-template-columns:41px minmax(0,1fr)!important;column-gap:12px!important}
 #loginSection .login-intro>.intro-symbol{width:41px!important;min-width:41px!important;height:45px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 #pairSection,#loginSection,.connect-card,#heroRealDevice,
 #heroRealDevice .real-device-card.is-linked .real-device-state:before{
   animation:none!important;transform:none!important;
 }
 button,.button{transition:none!important}
}

/* INNOVACHEAT / Obsidian Violet — exclusive refined visual layer */
:root,html:root {
 --vk-ink:#faf8ff!important;
 --vk-muted:#b9b4d1!important;
 --vk-cyan:#c3aaff!important;
 --vk-electric:#9e7dff!important;
 --vk-blue:#7957e8!important;
 --vk-edge:rgba(190,171,255,.34)!important;
 --t-bg:#090913!important;--t-panel:#161423!important;--t-panel-2:#201b33!important;
 --t-outline:#665b89!important;--t-cyan:#b79cff!important;--t-cyan-bright:#e5d8ff!important;
 --t-cyan-dark:#8463e0!important;--t-text:#faf8ff!important;--t-muted:#b9b5cf!important;
 --t-glow:rgba(164,125,255,.19)!important;
 --menu-page:#0a0913!important;--menu-panel:#191629!important;--menu-inner:#100f1c!important;
 --menu-text:#faf8ff!important;--menu-muted:#b6b0c8!important;--menu-edge:#625879!important;
 --menu-blue:#b89cff!important;--menu-blue-dark:#d4c1ff!important;--menu-input:#0c0c15!important;
}
body,body.scene-red,body.scene-cyan,body.scene-violet{
 background:
 radial-gradient(ellipse 68% 38% at 82% 0%,rgba(150,94,239,.17),transparent 70%),
 radial-gradient(ellipse 55% 35% at 3% 52%,rgba(64,56,165,.1),transparent 78%),
 linear-gradient(158deg,#080912 0%,#111021 55%,#080910 100%)!important;
 color:#faf8ff!important;
}
body::after{
 background-image:linear-gradient(rgba(183,165,237,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(183,165,237,.043) 1px,transparent 1px)!important;
 opacity:.28!important;
}
.cinema-shell video{filter:grayscale(.35) hue-rotate(65deg) brightness(.36) saturate(.63)!important;opacity:.19!important}
.cinema-tint{background:linear-gradient(180deg,rgba(7,7,17,.74),rgba(7,7,17,.92))!important}
.cinema-light{background:radial-gradient(ellipse 63% 50% at 64% 4%,rgba(158,116,247,.16),transparent 72%)!important}
.topbar{
 background:linear-gradient(128deg,rgba(29,24,48,.95),rgba(12,12,23,.92))!important;
 border:1px solid rgba(185,159,250,.29)!important;
 box-shadow:0 9px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
}
.brand-icon{
 background:linear-gradient(130deg,#8463ec,#3e2f81)!important;
 color:#fdfaff!important;
 border:1px solid #c1a9ff!important;
 box-shadow:0 9px 24px rgba(115,75,234,.27),inset 0 1px rgba(255,255,255,.19)!important;
}
.hero-eyebrow,.technical-label,.real-device-kicker,.connection-kicker{
 color:#c9b6ff!important;
}
.hero-heading strong{
 background:linear-gradient(106deg,#fff 0%,#d7caff 52%,#9372ed 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
}
.hero-figure img{filter:grayscale(.35) hue-rotate(65deg) brightness(.82) contrast(1.16)!important}
.hero-points span{
 background:rgba(115,78,198,.13)!important;
 border:1px solid rgba(181,153,248,.27)!important;
 color:#d7cee9!important;
}
.hud-frame,.panel,.feature-card,.connect-card,.login-zone,#pairSection,#certificateSection.certificate-gate,#heroRealDevice,
#savedKeyPanel,#happDevicePanel,#patchCertPanel{
 background:linear-gradient(153deg,rgba(35,30,55,.97),rgba(14,14,26,.98))!important;
 border-color:rgba(177,153,240,.3)!important;
 box-shadow:0 21px 60px rgba(0,0,0,.46),inset 0 1px rgba(223,211,255,.065)!important;
}
#pairSection{
 background:radial-gradient(ellipse 73% 48% at 50% -7%,rgba(154,107,255,.22),transparent 77%),linear-gradient(157deg,#28203e,#121021)!important;
 border:1px solid rgba(186,157,255,.48)!important;
 box-shadow:0 21px 67px rgba(0,0,0,.52),inset 0 1px rgba(238,228,255,.13)!important;
 position:relative;
 overflow:hidden;
}
#pairSection::before{
 content:"";height:2px;position:absolute;top:0;left:18%;right:18%;z-index:1;
 background:linear-gradient(90deg,transparent,#e4d4ff,transparent);
 opacity:.72;
}
#pairSection .pair-icon,.connect-icon,.feature-glyph,.intro-symbol{
 background:linear-gradient(145deg,#49327f,#1c1931)!important;
 color:#e9dfff!important;border-color:#a387e5!important;
 box-shadow:0 8px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.11)!important;
}
#pairSection h2,#loginSection h2,.connect-title h2,#heroRealDevice h3{
 color:#fcfaff!important;-webkit-text-fill-color:#fcfaff!important;
 font-weight:850!important;letter-spacing:-.03em!important;
}
#pairHapp,#loginForm #submit,#loginSection #submit,#savedConnectHapp,
#certificateSection #downloadPatchCA,#certificateSection .cert-confirm-button,
.menu-bridge-box button:not(.menu-bridge-secondary),
.connect-card .primary,.primary,.button.primary,#loginForm>button:not([disabled]){
 background:linear-gradient(112deg,#a88afc,#7c5ee5 54%,#6045bd)!important;
 border:1px solid rgba(227,212,255,.83)!important;
 color:#fff!important;
 box-shadow:0 9px 28px rgba(104,69,204,.29),inset 0 1px rgba(255,255,255,.27)!important;
}
#pairHapp:hover,#loginSection #submit:hover:not(:disabled),#savedConnectHapp:hover,
#certificateSection #downloadPatchCA:hover,#certificateSection .cert-confirm-button:hover,
.menu-bridge-box button:not(.menu-bridge-secondary):hover,
.connect-card .primary:hover,.primary:hover,.button.primary:hover{
 background:linear-gradient(112deg,#bda7ff,#9676f5,#7859dc)!important;
 border-color:#f7ecff!important;color:#fff!important;
 box-shadow:0 13px 33px rgba(125,82,230,.4),0 0 0 1px rgba(202,166,255,.14)!important;
}
#loginSection{
 background:linear-gradient(158deg,#292239,#141322)!important;border:1px solid rgba(178,149,244,.42)!important;
}
#loginSection .login-intro>.intro-symbol{background:linear-gradient(140deg,#49347e,#1f1937)!important;border-color:#ad8ff5!important}
#loginSection .login-intro .technical-label{color:#c9b2ff!important}
#loginSection .login-intro p,#pairSection p,#pairSection #pairState,#loginSection p{
 color:#beb9d0!important;
}
input,textarea,select,#loginSection input,#loginForm #key,#loginForm>details input,.menu-bridge-box input{
 background:#0c0c18!important;border:1px solid #615b79!important;color:#f9f7ff!important;
}
input:focus,textarea:focus,#loginSection input:focus{
 border-color:#d4bcff!important;box-shadow:0 0 0 3px rgba(162,120,255,.17)!important;
}
input::placeholder,textarea::placeholder,#loginForm #key::placeholder{color:#8c869f!important}
#heroRealDevice{
 background:linear-gradient(160deg,#272238,#141323)!important;
 border:1px solid rgba(176,151,240,.43)!important;
}
#heroRealDevice .real-device-grid>div{
 background:linear-gradient(142deg,#302841,#181526)!important;
 border:1px solid #66587c!important;
}
#heroRealDevice .real-device-card,#heroRealDevice .real-key-summary,
#heroRealDevice .real-device-grid>div,.connect-stats,.real-device-card{
 color:#f8f5ff!important;
}
#heroRealDevice .real-device-grid dd,#heroRealDevice .real-key-rows strong,#heroDeviceUuid,#heroKeyStatus,#heroConnectionStatus{
 color:#fbfaff!important;-webkit-text-fill-color:#fbfaff!important;
}
#heroRealDevice .real-device-grid dt,#heroRealDevice .real-key-rows span,#heroRealDevice .real-device-hint{
 color:#c1bbd2!important;
}
#heroRealDevice .real-device-state,#heroRealDevice .real-device-card.is-linked .real-device-state{
 background:#283c39!important;color:#a1f1d8!important;border-color:#6b988b!important;
}
#certificateSection.certificate-gate{
 background:linear-gradient(151deg,#29223c,#131324)!important;
 border:1px solid #6e5c93!important;
}
#certificateSection .device-cert-icon{
 background:#33214f!important;border-color:#b090f6!important;color:#fff!important;
}
#pairLinkedNote,#certificateSection .cert-device-note,#connectPrompt.connect-verification-note{
 background:rgba(90,69,132,.26)!important;border:1px solid rgba(171,140,234,.46)!important;
 color:#e2d8f5!important;
}
.lang-switch .lang-option[aria-pressed="true"]{
 background:linear-gradient(120deg,#9d7ff6,#694bd4)!important;
 border:1px solid #c9b4ff!important;color:#fff!important;
}
.menu-bridge-box{
 background:linear-gradient(153deg,#2b2440,#121222)!important;
 border:1px solid #6d6090!important;
}
.footer-availability i,.footer-availability i.online,#healthDot{
 background:#9df0d4!important;box-shadow:0 0 0 4px rgba(150,250,216,.075),0 0 12px rgba(150,250,216,.35)!important;
}
@media(prefers-reduced-motion:no-preference){
 .hero-heading strong{animation:innovaShimmer 8s ease-in-out infinite}
}
@keyframes innovaShimmer{
 0%,100%{filter:drop-shadow(0 0 0px rgba(165,119,255,0))}
 50%{filter:drop-shadow(0 0 12px rgba(165,119,255,.16))}
}
/* Innova 1888 - accessible bytes manager link, mobile and desktop */
.nav-top .nav-admin-bytes{color:#edddff!important;background:rgba(138,100,239,.12)!important;border:1px solid rgba(176,138,255,.45)!important;border-radius:12px;padding:9px 12px;text-decoration:none;font-weight:800}
.nav-top .nav-admin-bytes:hover,.nav-top .nav-admin-bytes:focus-visible{background:rgba(138,100,239,.24)!important;border-color:#c5a1ff!important;color:#fff!important}
.page-footer .footer-admin-bytes{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid rgba(179,141,255,.54);border-radius:11px;background:rgba(127,91,221,.15);color:#e9d7ff!important;font-weight:800;font-size:12px;text-decoration:none;letter-spacing:.015em}
.page-footer .footer-admin-bytes:hover,.page-footer .footer-admin-bytes:focus-visible{background:rgba(143,107,239,.28);border-color:#caa8ff}
@media(max-width:740px){.page-footer .footer-admin-bytes{width:100%;min-height:44px;margin-top:8px}}