/* TV CYB PRO approved hero + real modal auth v0.1.89
   Stable fix: the right TV CYB ACCESS in the image stays only as image/background.
   No inputs are aligned over that image panel anymore.
*/
:root{
  --tvcyb-cyan:#35eaff;
  --tvcyb-cyan2:#13aeca;
  --tvcyb-gold:#ffc86b;
  --tvcyb-dark:#030a16;
}
html,body,#root{min-height:100%;}
body:has(.login-screen){
  margin:0!important;
  overflow:hidden!important;
  background:#020814!important;
}
.login-screen{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-image:url('/assets/tv-cyb-pro-approved-hero-hawk.png')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
/* Hide the old React landing markup. The approved image already contains the page design. */
.login-screen>.login-hero,
.login-screen>.login-panel,
.login-screen>.tvcyb-auth-backdrop,
.login-screen .tvcyb-live-layers,
.login-screen .cyb-bird,
.login-screen .login-hero__stage,
.login-screen .login-hero__content,
.login-screen .login-hero__actions{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.login-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 58% 72%,rgba(42,228,255,.06),transparent 27%),
    radial-gradient(circle at 88% 20%,rgba(255,196,83,.035),transparent 25%);
  animation:tvcybAmbient87 7s ease-in-out infinite;
}
.login-screen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,220,0) 2%,rgba(255,244,195,.65) 4.1%,rgba(255,198,92,.18) 5.4%,transparent 7.8%);
  mix-blend-mode:screen;
  opacity:.75;
  transform:translateX(-14%);
  animation:tvcybGoldBadgeSweep87 4.2s ease-in-out infinite;
  clip-path:polygon(1.5% 2.2%,22.5% 2.2%,22.5% 9.2%,1.5% 9.2%);
}
/* Real clickable hitboxes over the three left CTA buttons. They are transparent by default. */
.tvcyb-hitboxes{
  position:absolute!important;
  inset:0!important;
  z-index:60!important;
  pointer-events:none!important;
}
.tvcyb-hitbox{
  position:absolute!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  background:transparent!important;
  color:transparent!important;
  pointer-events:auto!important;
  border-radius:11px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:none!important;
}
.tvcyb-hitbox::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:14px;
  opacity:0;
  transition:opacity .16s ease,transform .16s ease,filter .16s ease;
  background:linear-gradient(135deg,rgba(64,236,255,.34),rgba(64,236,255,.08));
  border:1px solid rgba(92,242,255,.72);
  box-shadow:0 0 28px rgba(49,225,255,.52),inset 0 0 25px rgba(72,240,255,.22);
}
.tvcyb-hitbox--pro::before{
  background:linear-gradient(135deg,rgba(255,206,104,.34),rgba(255,190,72,.08));
  border-color:rgba(255,207,110,.76);
  box-shadow:0 0 28px rgba(255,190,82,.50),inset 0 0 24px rgba(255,219,128,.18);
}
.tvcyb-hitbox:hover::before,
.tvcyb-hitbox:focus-visible::before{
  opacity:1;
  transform:translateY(-1px);
  filter:brightness(1.08);
}
/* Coordinates based on the approved 1672x941 hero image. */
.tvcyb-hitbox--register{left:2.10vw;top:49.70vh;width:10.25vw;height:7.10vh;}
.tvcyb-hitbox--login{left:13.05vw;top:49.70vh;width:9.50vw;height:7.10vh;}
.tvcyb-hitbox--pro{left:23.05vw;top:49.70vh;width:9.80vw;height:7.10vh;}
/* Light, harmless motion cues. No DOM mutation loop. */
.tvcyb-stars{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
}
.tvcyb-stars::before{
  content:"";
  position:absolute;
  right:1.5vw;
  top:1.5vh;
  width:42vw;
  height:24vh;
  opacity:.24;
  background:
    radial-gradient(circle at 12% 62%,rgba(255,207,99,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 26% 34%,rgba(53,234,255,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 42% 48%,rgba(255,207,99,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 58% 25%,rgba(53,234,255,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 46%,rgba(255,207,99,.85) 0 1px,transparent 2px),
    linear-gradient(115deg,transparent 10%,rgba(48,224,255,.22) 10.4%,transparent 11%,transparent 24%,rgba(255,200,87,.18) 24.4%,transparent 25.2%,transparent 44%,rgba(48,224,255,.15) 44.3%,transparent 45%);
  filter:drop-shadow(0 0 10px rgba(44,227,255,.35));
  animation:tvcybConstellation87 12s ease-in-out infinite;
}
.tvcyb-stars::after{
  content:"";
  position:absolute;
  left:1.0vw;
  bottom:1.0vh;
  width:12vw;
  height:18vh;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent,rgba(255,203,94,.13),transparent 33%,rgba(61,233,255,.11),transparent 72%);
  opacity:.45;
  mix-blend-mode:screen;
  animation:tvcybSpin87 22s linear infinite;
}
.tvcyb-radar-fix{
  position:absolute;
  z-index:5;
  pointer-events:none;
  left:68.65vw;
  top:21.10vh;
  width:7.4vw;
  height:13.0vh;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent,rgba(64,232,255,.25),rgba(255,211,106,.12),transparent 34%);
  mix-blend-mode:screen;
  opacity:.35;
  transform-origin:center center;
  animation:tvcybSpin87 4.4s linear infinite;
}
@keyframes tvcybAmbient87{0%,100%{opacity:.86}50%{opacity:1}}
@keyframes tvcybGoldBadgeSweep87{0%,22%{transform:translateX(-18%);opacity:0}35%{opacity:.75}58%{transform:translateX(24%);opacity:.65}100%{transform:translateX(24%);opacity:0}}
@keyframes tvcybConstellation87{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-.55vw,.35vh,0)}}
@keyframes tvcybSpin87{to{transform:rotate(360deg)}}
/* Modal auth window */
.tvcyb-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,4,12,.68);
  backdrop-filter:blur(8px);
}
.tvcyb-modal-backdrop.is-open{display:flex;}
.tvcyb-modal{
  position:relative;
  width:min(480px,calc(100vw - 32px));
  border-radius:24px;
  padding:30px 30px 26px;
  color:#eefcff;
  border:1px solid rgba(78,232,255,.36);
  background:
    linear-gradient(180deg,rgba(10,32,50,.94),rgba(4,11,25,.96)),
    radial-gradient(circle at 50% 0%,rgba(57,232,255,.16),transparent 48%);
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 42px rgba(37,221,255,.20),inset 0 0 42px rgba(50,226,255,.055);
}
.tvcyb-modal::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:19px;
  pointer-events:none;
  border:1px solid rgba(111,224,245,.10);
}
.tvcyb-modal__close{
  position:absolute;
  right:16px;
  top:14px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(111,224,245,.24);
  background:rgba(0,12,24,.50);
  color:#defcff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.tvcyb-modal__close:hover{box-shadow:0 0 18px rgba(54,230,255,.28);background:rgba(42,226,255,.12);}
.tvcyb-modal__logo{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  color:#0b2330;
  font-weight:950;
  background:linear-gradient(135deg,#57efff,#ffc96e);
  box-shadow:0 0 28px rgba(69,231,255,.20);
}
.tvcyb-modal h2{
  margin:0;
  text-align:center;
  font-size:28px;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.tvcyb-modal__sub{
  margin:8px auto 22px;
  text-align:center;
  max-width:350px;
  color:#a8c3d2;
  font-size:14px;
  line-height:1.45;
}
.tvcyb-modal__tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 20px;
  padding:5px;
  border-radius:14px;
  border:1px solid rgba(91,172,198,.26);
  background:rgba(2,11,23,.48);
}
.tvcyb-modal__tab{
  height:44px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  color:#dff7ff;
  background:transparent;
  font-size:15px;
  font-weight:900;
}
.tvcyb-modal__tab.is-active{
  color:#fff;
  background:linear-gradient(135deg,rgba(49,225,255,.50),rgba(25,111,138,.82));
  box-shadow:0 0 24px rgba(42,224,255,.24),inset 0 0 18px rgba(94,239,255,.16);
}
.tvcyb-modal__form{display:grid;gap:14px;}
.tvcyb-modal__field{display:grid;gap:7px;}
.tvcyb-modal__field span{
  color:#a9c6d5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.tvcyb-modal__field input{
  width:100%;
  height:52px;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid rgba(116,191,218,.34);
  background:rgba(1,9,20,.76);
  color:#f5fdff;
  padding:0 15px;
  font-size:16px;
  font-weight:500;
  outline:none;
  caret-color:var(--tvcyb-cyan);
}
.tvcyb-modal__field input::placeholder{color:rgba(192,213,224,.42);font-weight:500;}
.tvcyb-modal__field input:focus{
  border-color:rgba(61,234,255,.88);
  box-shadow:0 0 0 3px rgba(48,225,255,.12),0 0 25px rgba(41,219,255,.18);
  background:rgba(2,15,31,.92);
}
.tvcyb-modal__message{
  display:none;
  border-radius:12px;
  padding:12px 14px;
  font-size:14px;
  font-weight:750;
  line-height:1.4;
}
.tvcyb-modal__message.is-visible{display:block;}
.tvcyb-modal__message.is-ok{border:1px solid rgba(73,230,255,.36);background:rgba(22,139,166,.18);color:#c9fbff;}
.tvcyb-modal__message.is-error{border:1px solid rgba(255,111,111,.48);background:rgba(122,20,28,.36);color:#ffd0d0;}
.tvcyb-modal__submit{
  height:54px;
  border-radius:12px;
  border:1px solid rgba(62,235,255,.72);
  color:#f8ffff;
  font-size:16px;
  font-weight:950;
  cursor:pointer;
  background:linear-gradient(135deg,rgba(38,218,241,.66),rgba(19,119,150,.88));
  box-shadow:0 0 30px rgba(42,222,255,.28),inset 0 0 20px rgba(90,238,255,.15);
}
.tvcyb-modal[data-mode="login"] .tvcyb-modal__submit{
  border-color:rgba(255,204,105,.78);
  background:linear-gradient(135deg,rgba(255,194,84,.56),rgba(108,68,18,.86));
  box-shadow:0 0 30px rgba(255,190,86,.24),inset 0 0 18px rgba(255,218,122,.12);
}
.tvcyb-modal__submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);}
.tvcyb-modal__submit:disabled{opacity:.50;cursor:not-allowed;filter:saturate(.6);}
.tvcyb-modal__fine{
  margin:2px 0 0;
  text-align:center;
  color:#9bb7c7;
  font-size:12px;
  line-height:1.45;
}
@media (max-width:900px){
  body:has(.login-screen){overflow:auto!important;}
  .login-screen{height:100dvh!important;background-size:cover!important;background-position:center!important;}
  .tvcyb-hitbox--register{left:4vw;top:auto;bottom:18px;width:29vw;height:54px;}
  .tvcyb-hitbox--login{left:35.5vw;top:auto;bottom:18px;width:29vw;height:54px;}
  .tvcyb-hitbox--pro{left:67vw;top:auto;bottom:18px;width:29vw;height:54px;}
  .tvcyb-stars,.tvcyb-radar-fix,.tvcyb-market-loop-v091{display:none!important;}
}

/* v0.1.89: replace the confusing right-side ACCESS form in the approved image with a clear information panel. */
.tvcyb-right-info-v088{
  position:absolute!important;
  z-index:22!important;
  right:1.35vw!important;
  top:5.9vh!important;
  width:22.4vw!important;
  max-width:440px!important;
  min-width:330px!important;
  height:87.6vh!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  pointer-events:auto!important;
  color:#eefcff!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(55,235,255,.13),transparent 42%),
    radial-gradient(circle at 90% 12%,rgba(255,200,91,.11),transparent 34%),
    linear-gradient(180deg,rgba(3,18,34,.985),rgba(1,8,20,.992))!important;
  border:1px solid rgba(80,230,255,.28)!important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.64),
    0 0 38px rgba(43,220,255,.14),
    inset 0 0 32px rgba(61,226,255,.055)!important;
}
.tvcyb-right-info-v088::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:19px;
  border:1px solid rgba(121,233,255,.095);
  pointer-events:none;
}
.tvcyb-right-info-v088::after{
  content:"";
  position:absolute;
  left:-30%;
  right:-30%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,210,104,.7),rgba(65,238,255,.62),transparent);
  filter:drop-shadow(0 0 10px rgba(70,230,255,.42));
  animation:tvcybInfoSweep88 5.8s ease-in-out infinite;
}
.tvcyb-right-info-v088__inner{
  position:relative;
  z-index:1;
  height:100%;
  box-sizing:border-box;
  padding:clamp(18px,2.2vh,26px) clamp(18px,1.35vw,25px);
  display:flex;
  flex-direction:column;
  gap:clamp(7px,.75vh,10px);
}
.tvcyb-right-info-v088__eyebrow{
  display:inline-flex;
  width:max-content;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  color:#081624;
  font-size:clamp(9px,.68vw,12px);
  font-weight:950;
  letter-spacing:.12em;
  background:linear-gradient(135deg,#50efff,#ffd07a);
  box-shadow:0 0 24px rgba(57,230,255,.20);
}
.tvcyb-right-info-v088 h2{
  margin:clamp(4px,.4vh,8px) 0 0;
  font-size:clamp(24px,2.18vw,38px);
  line-height:.96;
  letter-spacing:.03em;
  color:#f5fdff;
  text-shadow:0 0 22px rgba(56,228,255,.25);
}
.tvcyb-right-info-v088 h3{
  margin:0;
  color:#ffcf7a;
  font-size:clamp(12px,.88vw,16px);
  line-height:1.23;
  font-weight:900;
}
.tvcyb-right-info-v088 p{
  margin:0;
  color:#c5dce8;
  font-size:clamp(10px,.72vw,13px);
  line-height:1.30;
  font-weight:560;
}
.tvcyb-right-info-v088__title{
  margin-top:clamp(2px,.35vh,5px);
  color:#effcff;
  font-size:clamp(11px,.78vw,14px);
  font-weight:950;
  letter-spacing:.04em;
}
.tvcyb-right-info-v088 ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:clamp(2px,.32vh,5px);
}
.tvcyb-right-info-v088 li{
  position:relative;
  padding-left:16px;
  color:#d9eff6;
  font-size:clamp(9.5px,.68vw,12.5px);
  line-height:1.20;
  font-weight:700;
}
.tvcyb-right-info-v088 li::before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#42e9ff,#ffc86b);
  box-shadow:0 0 10px rgba(62,230,255,.42);
}
.tvcyb-right-info-v088__disclaimer{
  padding:clamp(8px,.75vh,11px) clamp(9px,.7vw,12px);
  border-radius:14px;
  border:1px solid rgba(255,203,103,.18);
  background:rgba(255,194,84,.055);
  color:#c4d6df!important;
  font-size:clamp(9.5px,.66vw,12px)!important;
  line-height:1.26!important;
}
.tvcyb-right-info-v088__price{
  margin-top:auto;
  padding:clamp(10px,.95vh,14px) clamp(11px,.8vw,15px);
  border-radius:15px;
  border:1px solid rgba(62,231,255,.27);
  background:linear-gradient(135deg,rgba(38,220,245,.14),rgba(255,199,96,.08));
  color:#ffffff;
  font-size:clamp(12px,.9vw,16px);
  line-height:1.2;
  font-weight:950;
  box-shadow:inset 0 0 26px rgba(54,229,255,.055);
}
.tvcyb-right-info-v088__price span{
  display:block;
  margin-top:4px;
  color:#ffd38a;
  font-size:clamp(10px,.72vw,13px);
  font-weight:800;
  line-height:1.25;
}
.tvcyb-trial-cta-v091{
  position:relative;
  width:100%;
  min-height:clamp(50px,6.1vh,72px);
  margin:clamp(6px,.7vh,10px) 0 clamp(2px,.4vh,6px);
  border:1px solid rgba(255,224,145,.88);
  border-radius:18px;
  color:#1d1204;
  cursor:pointer;
  overflow:hidden;
  font-size:clamp(15px,1.05vw,22px);
  font-weight:950;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
  background:
    linear-gradient(180deg,rgba(255,248,201,.95),rgba(255,200,84,.98) 42%,rgba(170,95,18,.98)),
    radial-gradient(circle at 30% 0%,rgba(255,255,255,.72),transparent 34%);
  box-shadow:
    0 0 32px rgba(255,198,82,.38),
    0 12px 28px rgba(0,0,0,.34),
    inset 0 0 24px rgba(255,255,220,.28);
  text-shadow:0 1px 0 rgba(255,246,191,.70);
  pointer-events:auto;
}
.tvcyb-trial-cta-v091::before{
  content:"";
  position:absolute;
  inset:-40% -18%;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.58) 48%,transparent 58%);
  transform:translateX(-68%);
  animation:tvcybGoldButtonSweep91 3.6s ease-in-out infinite;
}
.tvcyb-trial-cta-v091:hover,
.tvcyb-trial-cta-v091:focus-visible{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:
    0 0 44px rgba(255,209,97,.54),
    0 16px 34px rgba(0,0,0,.38),
    inset 0 0 26px rgba(255,255,225,.32);
  outline:none;
}
.tvcyb-market-loop-v091{
  position:absolute;
  z-index:25;
  left:42.7vw;
  top:67.8vh;
  width:32.2vw;
  height:17.2vh;
  min-width:420px;
  pointer-events:none;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,206,93,.16),transparent 35%),
    linear-gradient(180deg,rgba(3,18,32,.18),rgba(2,8,18,.40));
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.28));
}
.tvcyb-market-loop-v091 svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.98;
  transform-origin:center center;
  animation:tvcybGraphStage91 7.8s ease-in-out infinite;
}
.tvcyb-market-loop-v091__grid{
  stroke:rgba(79,230,255,.16);
  stroke-width:1;
}
.tvcyb-market-loop-v091__area{
  fill:url(#tvcybChartFill91);
  opacity:.46;
  animation:tvcybGraphFill91 7.8s ease-in-out infinite;
}
.tvcyb-market-loop-v091__line{
  fill:none;
  stroke:url(#tvcybChartStroke91);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 12px rgba(55,234,255,.62));
  stroke-dasharray:720;
  stroke-dashoffset:720;
  animation:tvcybGraphLine91 7.8s ease-in-out infinite;
}
.tvcyb-market-loop-v091__slogan{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:0 24px;
  color:#f8fdff;
  font-size:clamp(18px,1.55vw,32px);
  font-weight:950;
  line-height:1.08;
  text-align:center;
  text-shadow:0 0 24px rgba(42,228,255,.55),0 3px 12px rgba(0,0,0,.72);
  opacity:0;
  transform:translateY(10px) scale(.98);
  animation:tvcybSlogan91 7.8s ease-in-out infinite;
}
.tvcyb-market-loop-v091__slogan span{
  display:block;
}
.tvcyb-market-loop-v091__slogan strong{
  display:block;
  margin-top:5px;
  color:#ffd181;
  font-size:1.12em;
}
@keyframes tvcybGoldButtonSweep91{
  0%,30%{transform:translateX(-68%);opacity:0}
  43%{opacity:.86}
  64%{transform:translateX(68%);opacity:.62}
  100%{transform:translateX(68%);opacity:0}
}
@keyframes tvcybGraphStage91{
  0%,46%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  58%,84%{opacity:.23;transform:translate3d(0,1.2vh,0) scale(.88)}
  100%{opacity:0;transform:translate3d(0,0,0) scale(1)}
}
@keyframes tvcybGraphLine91{
  0%,8%{stroke-dashoffset:720;opacity:1}
  42%,84%{stroke-dashoffset:0;opacity:1}
  100%{stroke-dashoffset:0;opacity:0}
}
@keyframes tvcybGraphFill91{
  0%,26%{opacity:0}
  42%,54%{opacity:.46}
  78%,100%{opacity:.12}
}
@keyframes tvcybSlogan91{
  0%,48%{opacity:0;transform:translateY(10px) scale(.98)}
  62%,84%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-6px) scale(1.01)}
}
@keyframes tvcybInfoSweep88{
  0%,18%{transform:translateX(-40%);opacity:0}
  32%{opacity:.8}
  56%{transform:translateX(42%);opacity:.55}
  100%{transform:translateX(42%);opacity:0}
}
@media (max-width:1100px){
  .tvcyb-right-info-v088,
  .tvcyb-market-loop-v091{display:none!important;}
}

/* TV CYB 0.1.90 - admin email diagnostics */
.tvcyb-admin-email-v090{
  max-width:1180px;
  margin:14px auto 0;
  border:1px solid rgba(126,240,208,.22);
  border-radius:12px;
  padding:14px;
  background:
    radial-gradient(circle at top right,rgba(126,240,208,.10),transparent 38%),
    rgba(9,19,33,.88);
  box-shadow:0 18px 55px rgba(0,0,0,.24);
}
.tvcyb-admin-email-v090__head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:12px;
}
.tvcyb-admin-email-v090__head p{
  margin:0 0 4px;
  color:#7ef0d0;
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.14em;
}
.tvcyb-admin-email-v090__head h2{
  margin:0;
  font-size:1rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.tvcyb-admin-email-v090__actions,
.tvcyb-admin-email-v090__send{
  display:flex;
  gap:8px;
  align-items:end;
  flex-wrap:wrap;
}
.tvcyb-admin-email-v090 button{
  cursor:pointer;
  border:1px solid rgba(126,240,208,.32);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(126,240,208,.10);
  color:#edf5ff;
  font-size:.74rem;
  font-weight:950;
}
.tvcyb-admin-email-v090 button:hover{
  border-color:rgba(255,190,100,.52);
  background:rgba(255,190,100,.12);
}
.tvcyb-admin-email-v090__send label{
  display:grid;
  gap:5px;
  flex:1 1 260px;
}
.tvcyb-admin-email-v090__send span{
  color:#98adc1;
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tvcyb-admin-email-v090__send input{
  width:100%;
  border:1px solid rgba(126,240,208,.24);
  border-radius:12px;
  padding:10px 11px;
  background:rgba(3,10,19,.92);
  color:#edf5ff;
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  outline:none;
}
.tvcyb-admin-email-v090__send input:focus{
  border-color:rgba(126,240,208,.62);
  box-shadow:0 0 0 3px rgba(126,240,208,.08);
}
.tvcyb-admin-email-v090__message{
  min-height:18px;
  margin:10px 0;
  color:#7ef0d0;
  font-size:.78rem;
  font-weight:850;
}
.tvcyb-admin-email-v090__message--error{color:#ffb3ad;}
.tvcyb-admin-email-v090__status{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.tvcyb-admin-email-v090__status span{
  display:grid;
  gap:3px;
  min-width:0;
  border:1px solid rgba(126,173,217,.16);
  border-radius:10px;
  padding:8px 9px;
  background:rgba(255,255,255,.035);
  color:#b8c8d8;
  font-size:.72rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tvcyb-admin-email-v090__status strong{
  color:#edf5ff;
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tvcyb-admin-email-v090__outbox{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.tvcyb-admin-email-v090__outbox p{
  margin:0;
  color:#98adc1;
  font-size:.78rem;
}
.tvcyb-admin-email-v090__outbox article{
  border:1px solid rgba(255,190,100,.18);
  border-radius:10px;
  padding:9px;
  background:rgba(5,14,25,.62);
}
.tvcyb-admin-email-v090__outbox strong{
  display:block;
  color:#ffd596;
  font-size:.78rem;
}
.tvcyb-admin-email-v090__outbox span{
  display:block;
  margin-top:3px;
  color:#98adc1;
  font-size:.7rem;
}
.tvcyb-admin-email-v090__outbox pre{
  max-height:160px;
  overflow:auto;
  margin:8px 0 0;
  white-space:pre-wrap;
  color:#d8e9f9;
  font-size:.68rem;
  line-height:1.35;
}
@media (max-width:860px){
  .tvcyb-admin-email-v090__head{display:grid;}
  .tvcyb-admin-email-v090__status{grid-template-columns:1fr;}
}