/* Lumen gem brand + theme switcher. Visual-only layer; application ids/workflows are untouched. */
.brand-mark{
  overflow:visible;
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  filter:none;
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
.brand:hover .theme-toggle{filter:none}
.theme-toggle{
  appearance:none;
  -webkit-appearance:none;
  width:38px;
  height:38px;
  flex:0 0 38px;
  padding:0;
  border:0;
  border-radius:10px;
  outline:none;
  background:transparent;
  color:inherit;
  box-shadow:none;
  cursor:pointer;
  isolation:isolate;
}
.theme-toggle:hover,.theme-toggle:focus-visible{
  background:transparent;
  box-shadow:none;
  filter:none;
  outline:none;
  transform:none;
}
.theme-toggle:hover img,.theme-toggle:focus-visible img{
  transform:translateY(-1px) scale(1.065) rotate(-3deg);
  filter:none;
}
.theme-toggle:focus-visible{background:transparent;box-shadow:none;outline:none;filter:none}
.theme-toggle:active{transform:none}
.theme-toggle:active img{transform:scale(.94)}
.theme-toggle.is-switching img{animation:lumenGemSwitch .55s cubic-bezier(.2,.8,.2,1)}
.gate-brand-mark{width:48px!important;height:48px!important;border-radius:0!important}
.gate-brand-mark img{filter:none}

/* Same animated brand language as the supplied Lumen login: moving gradient + restrained glow. */
body>header .brand h1{
  background:linear-gradient(135deg,#5f46d8 0%,#9e63ef 38%,#b17af4 62%,#6f52e5 100%);
  background-size:200% 200%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:lumenBrandGradient 4s ease infinite,lumenBrandGlow 3s ease-in-out infinite alternate;
}
@keyframes lumenBrandGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes lumenBrandGlow{
  from{filter:drop-shadow(0 0 7px rgba(107,75,224,.22))}
  to{filter:drop-shadow(0 0 15px rgba(151,91,238,.38))}
}
@keyframes lumenGemSwitch{
  0%{transform:scale(1) rotate(0)}
  45%{transform:scale(.88) rotate(-10deg);filter:none}
  100%{transform:scale(1) rotate(0)}
}

/* Smooth theme interpolation without changing existing component motion. */
body,
body::before,
body>header::before,
.brand,
nav,
.view,
.table-wrap,
.candidate,.request-card,.system-cards article,.region-cards article,
.chat-layout,.chat-layout aside,.chat-header,.chat-messages,.chat-compose,
dialog,
.settings-layout form,
.request-tabs,
.request-tabs button,
input,select,textarea,
.pill,
.file-row{
  transition-property:background,background-color,border-color,color,box-shadow;
  transition-duration:.34s;
  transition-timing-function:ease;
}

/* Dark Lumen theme: deep violet/navy surfaces, not pure black. */
html[data-theme="dark"]{
  color-scheme:dark;
  --lumen-bg:#07071b;
  --lumen-surface:rgba(13,12,39,.88);
  --lumen-surface-solid:#0e0d29;
  --lumen-text:#f2f0fb;
  --lumen-muted:#9693ad;
  --lumen-line:rgba(176,145,255,.13);
  --lumen-purple:#8b5cf6;
  --lumen-purple-2:#b566ff;
  --lumen-purple-soft:#1b1645;
  --lumen-shadow:0 20px 56px rgba(0,0,15,.38),0 0 34px rgba(92,52,185,.055);
  --lumen-shadow-soft:0 10px 30px rgba(0,0,18,.30),0 0 26px rgba(112,64,216,.045);
  background:#07071b;
}
html[data-theme="dark"] *{scrollbar-color:#302755 transparent}
html[data-theme="dark"] *::-webkit-scrollbar-thumb{background:#302755;background-clip:padding-box}
html[data-theme="dark"] body{
  color:var(--lumen-text);
  background:
    radial-gradient(circle at 7% 4%,rgba(110,55,205,.16),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(131,66,190,.10),transparent 30%),
    radial-gradient(circle at 55% 105%,rgba(65,43,139,.11),transparent 34%),
    linear-gradient(135deg,#07071c 0%,#050519 48%,#08061f 100%);
}
html[data-theme="dark"] body::before{
  background:linear-gradient(115deg,rgba(116,79,205,.025),transparent 38%,rgba(155,91,230,.025));
}
html[data-theme="dark"] body>header::before{
  border-color:rgba(178,148,255,.10);
  background:rgba(8,8,30,.76);
  box-shadow:0 10px 28px rgba(0,0,18,.28),inset 0 1px rgba(255,255,255,.015);
}
html[data-theme="dark"] .brand{
  border-color:rgba(178,148,255,.11);
  background:rgba(9,8,31,.82);
  box-shadow:0 12px 32px rgba(0,0,18,.32),inset 0 1px rgba(255,255,255,.018);
}
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible,
html[data-theme="dark"] .theme-toggle:active{
  background:transparent;
  border:0;
  box-shadow:none;
  outline:none;
  filter:none;
}
html[data-theme="dark"] .theme-toggle img,
html[data-theme="dark"] .theme-toggle:hover img,
html[data-theme="dark"] .theme-toggle:focus-visible img,
html[data-theme="dark"] .theme-toggle:active img{
  filter:none;
}
html[data-theme="dark"] body>header .brand h1{
  background-image:linear-gradient(135deg,#8c5cff 0%,#c58aff 36%,#9b62f3 70%,#7049e8 100%);
  filter:drop-shadow(0 0 10px rgba(146,78,255,.35));
}
html[data-theme="dark"] body>header .brand small{color:#7f7b99}
html[data-theme="dark"] body>header>.pill{
  border-color:rgba(170,139,255,.11);
  background:rgba(14,13,42,.73);
  color:#b9b5cb;
}
html[data-theme="dark"] .sidebar-toggle{
  border-color:rgba(172,141,255,.14);
  background:#12102f;
  color:#a7a1ba;
  box-shadow:0 7px 20px rgba(0,0,18,.34),0 0 16px rgba(116,67,212,.08);
}
html[data-theme="dark"] .sidebar-toggle:hover{background:#18143c;color:#d5ceea}

html[data-theme="dark"] nav{
  border-color:rgba(178,148,255,.10);
  background:rgba(8,8,29,.84);
  box-shadow:var(--lumen-shadow);
}
html[data-theme="dark"] nav button{color:#a5a1b8}
html[data-theme="dark"] nav button::after{background:linear-gradient(110deg,transparent 20%,rgba(185,144,255,.07),transparent 70%)}
html[data-theme="dark"] nav button:hover{background:rgba(101,67,185,.11);color:#e5e0f1}
html[data-theme="dark"] nav button.active{
  background:linear-gradient(100deg,rgba(92,48,185,.60),rgba(70,39,146,.46));
  color:#f8f5ff;
  border:1px solid rgba(167,100,255,.34);
  box-shadow:0 8px 20px rgba(83,43,174,.16),inset 0 1px rgba(255,255,255,.05);
}
html[data-theme="dark"] nav button.active .nav-icon{color:#d7c5ff}
html[data-theme="dark"] nav button>span[id$="Count"]{color:#77728e}
html[data-theme="dark"] nav .badge:not(:empty){background:#8a54ed;color:#fff}
html[data-theme="dark"] body:has(#sidebarCollapse:checked) nav .badge:not(:empty){box-shadow:0 0 0 2px #09081f}
html[data-theme="dark"] body:has(#sidebarCollapse:checked) nav button.active .badge:not(:empty){box-shadow:0 0 0 2px #311c66;background:#d7c5ff}

html[data-theme="dark"] .view{
  border-color:rgba(178,148,255,.10);
  background:rgba(10,9,34,.83);
  box-shadow:var(--lumen-shadow);
}
html[data-theme="dark"] .section-head h2{color:#f0edf8}
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] small,
html[data-theme="dark"] p{color:var(--lumen-muted)}
html[data-theme="dark"] button{
  background:linear-gradient(135deg,#7449df,#8d5aed);
  color:#fff;
  box-shadow:0 7px 20px rgba(101,51,210,.20);
}
html[data-theme="dark"] button:hover{box-shadow:0 9px 25px rgba(111,55,225,.27)}
html[data-theme="dark"] .ghost,
html[data-theme="dark"] .stage-actions button,
html[data-theme="dark"] .card-footer button:first-child{
  background:#151331;
  color:#b9b5c9;
  border-color:rgba(177,148,255,.09);
  box-shadow:none;
}
html[data-theme="dark"] .link{background:none;color:#b590ff;box-shadow:none}

html[data-theme="dark"] .table-wrap{
  border-color:rgba(176,145,255,.10);
  background:rgba(7,7,27,.62);
}
html[data-theme="dark"] table{color:#ddd8eb}
html[data-theme="dark"] th,
html[data-theme="dark"] td{border-bottom-color:rgba(179,149,255,.075);color:#c8c4d5}
html[data-theme="dark"] th{
  background:rgba(12,11,37,.96);
  color:#77738d;
}
html[data-theme="dark"] tbody tr:hover{background:rgba(102,64,183,.075)}
html[data-theme="dark"] .pill{border-color:rgba(177,148,255,.10);background:#171433;color:#aaa6ba}
html[data-theme="dark"] .pill.linked{background:#112b29;color:#82c6b1}

html[data-theme="dark"] .candidate,
html[data-theme="dark"] .request-card,
html[data-theme="dark"] .system-cards article,
html[data-theme="dark"] .region-cards article{
  border-color:rgba(176,145,255,.095);
  background:rgba(14,13,43,.76);
  color:#ddd9e8;
  box-shadow:0 5px 17px rgba(0,0,16,.13);
}
html[data-theme="dark"] .candidate:hover,
html[data-theme="dark"] .request-card:hover,
html[data-theme="dark"] .region-cards article:hover{
  border-color:rgba(157,94,244,.25);
  background:#111032;
  box-shadow:0 12px 28px rgba(0,0,18,.22),0 0 20px rgba(118,60,211,.055);
}
html[data-theme="dark"] .avatar{background:#1b1740;color:#c3b9dd;border-color:rgba(174,142,255,.10)}
html[data-theme="dark"] .doc-count{color:#7f7b91}
html[data-theme="dark"] .empty{border-color:rgba(176,145,255,.16);background:rgba(13,12,38,.38);color:#7d798f}

html[data-theme="dark"] .request-tabs{background:rgba(8,8,29,.72)}
html[data-theme="dark"] .request-tabs button{background:transparent;color:#807c92;box-shadow:none}
html[data-theme="dark"] .request-tabs button:hover{background:rgba(107,66,193,.10);color:#c7c2d5}
html[data-theme="dark"] .request-tabs button.active{background:#171437;color:#c6acff;box-shadow:0 4px 13px rgba(0,0,18,.16)}
html[data-theme="dark"] .request-card-result small{color:#7f7b90}
html[data-theme="dark"] .request-details div{border-color:rgba(176,145,255,.09);background:#0c0b27;color:#c1bdce}
html[data-theme="dark"] .request-meta{background:#12102e;color:#aaa6bb}
html[data-theme="dark"] .request-result{background:#102824;color:#79b9a5}
html[data-theme="dark"] .status-new{color:#9995ef}
html[data-theme="dark"] .status-in_progress{color:#d2a065}
html[data-theme="dark"] .status-completed{color:#72b99e}
html[data-theme="dark"] .status-rejected{color:#c77786}

html[data-theme="dark"] .chat-layout{border-color:rgba(176,145,255,.10);background:rgba(8,8,29,.58)}
html[data-theme="dark"] .chat-layout aside{border-right-color:rgba(176,145,255,.09);background:rgba(8,8,28,.48)}
html[data-theme="dark"] .chat-person{background:transparent;color:#c4c0d1;border-bottom-color:rgba(176,145,255,.07);box-shadow:none}
html[data-theme="dark"] .chat-person:hover{background:rgba(104,64,189,.10);box-shadow:none}
html[data-theme="dark"] .chat-person.active{background:#1a153e;color:#d9c8ff}
html[data-theme="dark"] .chat-header{border-bottom-color:rgba(176,145,255,.09);background:rgba(13,12,39,.70);color:#ded9e9}
html[data-theme="dark"] .chat-messages{background:linear-gradient(180deg,rgba(7,7,26,.70),rgba(10,9,31,.58))}
html[data-theme="dark"] .bubble{background:#17152f;color:#d3cfdd;border-color:rgba(176,145,255,.08);box-shadow:0 4px 13px rgba(0,0,16,.14)}
html[data-theme="dark"] .bubble.outgoing{background:#5e3bb0;color:#fff;border-color:rgba(180,128,255,.16)}
html[data-theme="dark"] .bubble.outgoing small{color:rgba(255,255,255,.66)}
html[data-theme="dark"] .chat-compose{border-top-color:rgba(176,145,255,.09);background:rgba(11,10,35,.82)}
html[data-theme="dark"] .chat-action{background:#17152f;color:#aaa6ba;box-shadow:none}
html[data-theme="dark"] .chat-action:hover:not(:disabled){background:#211b49;color:#d7c5ff}
html[data-theme="dark"] .chat-attach.has-file{background:#211b49;color:#d7c5ff}
html[data-theme="dark"] .chat-voice.recording{background:#7f2f38;color:#fff}
html[data-theme="dark"] .chat-photo-loading{color:#77738a;background:#11102d}
html[data-theme="dark"] .chat-photo,
html[data-theme="dark"] .chat-video{background:#0d0c29}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  border-color:rgba(176,145,255,.13);
  background:#090824;
  color:#dfdbea;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#67637b}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:rgba(152,89,244,.44);
  background:#0d0b2a;
  box-shadow:0 0 0 3px rgba(132,74,226,.11),0 0 19px rgba(127,63,220,.055);
}
html[data-theme="dark"] label{color:#aaa6ba}
html[data-theme="dark"] dialog{
  border-color:rgba(182,149,255,.13);
  background:rgba(12,11,36,.98);
  color:#eeeaf6;
  box-shadow:0 32px 95px rgba(0,0,14,.62),0 0 44px rgba(97,52,186,.06);
}
html[data-theme="dark"] dialog::backdrop{background:rgba(3,3,15,.66);backdrop-filter:blur(8px)}
html[data-theme="dark"] .dialog-head{border-bottom-color:rgba(176,145,255,.08)}
html[data-theme="dark"] .dialog-head button{background:transparent;color:#8e899f;box-shadow:none}
html[data-theme="dark"] .large-dialog fieldset{border-color:rgba(176,145,255,.10);background:rgba(8,8,27,.54)}
html[data-theme="dark"] .large-dialog legend{color:#ad87ff}
html[data-theme="dark"] .candidate-summary span{background:#0b0a25;color:#c7c3d3}
html[data-theme="dark"] .candidate-status{border-color:rgba(77,164,132,.21);background:#0f2926;color:#77bca6}
html[data-theme="dark"] .candidate-status small{color:#6c9f91}
html[data-theme="dark"] .candidate-card-info h3,
html[data-theme="dark"] #candidateCardInfo h3{color:#cdc8d9}
html[data-theme="dark"] .file-row{border-color:rgba(176,145,255,.10);background:#0f0e2a;color:#c9c5d6;box-shadow:none}
html[data-theme="dark"] .file-row:hover{background:#14112f;border-color:rgba(155,94,244,.22)}

html[data-theme="dark"] #requestDialogBody{scrollbar-color:#302755 transparent}
html[data-theme="dark"] #requestDialog .request-details div{border-color:rgba(176,145,255,.09);background:#0b0a26}
html[data-theme="dark"] #requestDialogActions{border-top-color:rgba(176,145,255,.08)}
html[data-theme="dark"] .approve-action{background:linear-gradient(135deg,#7449df,#8d5aed);color:#fff}
.approve-action:disabled{opacity:.45}
html[data-theme="dark"] .decision-check.ready{border-color:rgba(75,157,127,.22);background:#0e2823;color:#72b59e}
html[data-theme="dark"] .decision-check.attention{border-color:rgba(187,127,61,.21);background:#2a1e0e;color:#d1a264}
html[data-theme="dark"] .approval-editor label{border-color:rgba(176,145,255,.09);background:#0a0925}
html[data-theme="dark"] .approval-editor input,
html[data-theme="dark"] .approval-editor select{background:#0e0d2a;color:#d0ccdc}
html[data-theme="dark"] .region-decision small{color:#827e92}
html[data-theme="dark"] .settings-layout form{border-color:rgba(176,145,255,.10);background:rgba(11,10,35,.72)}
html[data-theme="dark"] .region-cards p{color:#908ca0}
html[data-theme="dark"] .statistics-scroll>.stats article{border-color:rgba(176,145,255,.09);background:rgba(14,13,43,.78);box-shadow:0 5px 17px rgba(0,0,16,.13)}
html[data-theme="dark"] .statistics-scroll>.stats span{color:#e8e3f1}
html[data-theme="dark"] .system-cards small{color:#ad87ff}
html[data-theme="dark"] .system-cards span{color:#8d899e}

html[data-theme="dark"] .telegram-gate{
  background:
    radial-gradient(circle at 12% 8%,rgba(111,54,207,.20),transparent 30%),
    radial-gradient(circle at 90% 6%,rgba(139,65,194,.12),transparent 30%),
    linear-gradient(145deg,#07071d,#050518 55%,#090621);
}
html[data-theme="dark"] .telegram-gate>div{
  border-color:rgba(180,147,255,.12);
  background:rgba(12,11,37,.90);
  color:#f0ecf8;
  box-shadow:0 28px 85px rgba(0,0,15,.50),0 0 40px rgba(101,55,195,.07);
}
html[data-theme="dark"] .telegram-gate a{background:linear-gradient(135deg,#7449df,#8d5aed);color:#fff}

@media(max-width:820px){
  .theme-toggle{width:35px;height:35px;flex-basis:35px}
}
@media(max-width:560px){
  .theme-toggle{width:31px;height:31px;flex-basis:31px;border-radius:8px}
}

/* Keep sidebar navigation monochrome in dark mode; only the selected item is accented. */
html[data-theme="dark"] nav button{
  background:transparent;
  color:#a5a1b8;
  box-shadow:none;
}
html[data-theme="dark"] nav button:hover{
  background:rgba(103,68,184,.11);
  color:#e5e0f1;
  box-shadow:none;
}
html[data-theme="dark"] nav button.active{
  background:linear-gradient(100deg,rgba(92,48,185,.60),rgba(70,39,146,.46));
  color:#f8f5ff;
  border:1px solid rgba(167,100,255,.34);
  box-shadow:0 8px 20px rgba(83,43,174,.16),inset 0 1px rgba(255,255,255,.05);
}


/* Brand image + self-contained theme toggle compatibility. */
.theme-toggle img,.gate-brand-mark img{pointer-events:none}
html[data-theme="dark"] body{background-color:#07071b!important}


/* v5: the gem itself is the only visual. No tile, halo or theme-specific glow. */
.theme-toggle,
.theme-toggle:hover,
.theme-toggle:focus,
.theme-toggle:focus-visible,
.theme-toggle:active,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus,
html[data-theme="dark"] .theme-toggle:focus-visible,
html[data-theme="dark"] .theme-toggle:active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  filter:none!important;
}
.theme-toggle img,
.theme-toggle:hover img,
.theme-toggle:focus img,
.theme-toggle:focus-visible img,
.theme-toggle:active img,
html[data-theme="dark"] .theme-toggle img,
html[data-theme="dark"] .theme-toggle:hover img,
html[data-theme="dark"] .theme-toggle:focus img,
html[data-theme="dark"] .theme-toggle:focus-visible img,
html[data-theme="dark"] .theme-toggle:active img{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}


/* v6: Telegram/local operator profile in the top bar. Display-only; permissions still come from /api/me. */
.header-profile{
  grid-column:3;position:relative;z-index:2;display:flex;align-items:center;gap:10px;min-width:190px;max-width:min(34vw,320px);
  margin-right:13px;padding:0;border:none;border-radius:0;background:transparent;color:#333746;box-shadow:none;
  transition:color .22s ease,opacity .22s ease;
}
.header-profile:hover{border:none;background:transparent;box-shadow:none}
.header-profile-avatar{
  position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border:1px solid rgba(91,84,137,.13);
  border-radius:50%;background:linear-gradient(145deg,#eeeafe,#e8e5f8);box-shadow:0 3px 10px rgba(62,55,109,.10);
}
.header-profile-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.header-profile-avatar-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,#f2efff,#e7e4f8);color:#6759d7}
.header-profile-tech-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header-profile-initials{font-size:12px;font-weight:800;letter-spacing:.02em}
.header-profile-copy{display:grid;min-width:0;flex:1;gap:2px;line-height:1.05}
.header-profile-copy strong{overflow:hidden;color:#343746;font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
.header-profile-copy small{overflow:hidden;color:#8e91a0;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}

html[data-theme="dark"] .header-profile{color:#ece8f6}
html[data-theme="dark"] .header-profile:hover{border:none;background:transparent;box-shadow:none}
html[data-theme="dark"] .header-profile-avatar{border-color:rgba(181,151,255,.16);background:#171334;box-shadow:0 3px 12px rgba(0,0,18,.24)}
html[data-theme="dark"] .header-profile-avatar-fallback{background:linear-gradient(145deg,#1a163b,#12102f);color:#a989ff}
html[data-theme="dark"] .header-profile-copy strong{color:#ece8f6}
html[data-theme="dark"] .header-profile-copy small{color:#8f8aa5}

@media(max-width:820px) and (min-width:561px){
  .header-profile{min-width:0;max-width:210px;margin-right:9px;padding:0}
  .header-profile-avatar{flex-basis:34px;width:34px;height:34px}
  .header-profile-copy strong{font-size:11px}.header-profile-copy small{font-size:8px}
}
@media(max-width:560px){
  .header-profile{flex:0 1 auto;min-width:0;max-width:48vw;margin:0;padding:0;gap:7px}
  .header-profile-avatar{flex-basis:31px;width:31px;height:31px}
  .header-profile-copy strong{font-size:10px}.header-profile-copy small{font-size:8px}
}
@media(max-width:390px){.header-profile{max-width:43vw}.header-profile-copy small{display:none}}

/* v9: streamlined public Telegram entry screen. */
.telegram-gate{
  place-items:center;
  padding:24px;
}
.telegram-gate>.telegram-gate-card{
  width:min(420px,100%);
  padding:34px 30px 28px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:24px;
  background:rgba(255,255,255,.78);
  color:var(--lumen-text);
  box-shadow:0 28px 84px rgba(70,67,110,.16);
  backdrop-filter:blur(26px);
  -webkit-backdrop-filter:blur(26px);
}
.telegram-gate-brand{
  display:grid;
  justify-items:center;
  gap:12px;
  margin-bottom:22px;
  text-align:center;
}
.telegram-gate .gate-brand-mark{
  display:grid;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  place-items:center;
  background:transparent!important;
  box-shadow:none!important;
  animation:lumenGateGemFloat 3.8s ease-in-out infinite;
}
.telegram-gate .gate-brand-mark img{
  width:54px;
  height:54px;
  object-fit:contain;
  filter:none!important;
  animation:lumenGateGemTurn 7s ease-in-out infinite;
}
.telegram-gate h1{
  margin:0;
  background:linear-gradient(135deg,#5f46d8 0%,#9e63ef 38%,#b17af4 62%,#6f52e5 100%);
  background-size:200% 200%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  font-size:38px;
  font-weight:850;
  letter-spacing:-.045em;
  line-height:1;
  text-align:center;
  animation:lumenBrandGradient 4s ease infinite,lumenBrandGlow 3s ease-in-out infinite alternate;
}
.telegram-gate ol{
  display:grid;
  gap:10px;
  margin:0;
  padding:0 0 0 22px;
  color:#3c4052;
  font-size:15px;
  line-height:1.5;
}
.telegram-gate li{padding-left:2px}
.telegram-gate li::marker{color:#777b8f;font-weight:700}
.telegram-gate a{
  display:block;
  margin:24px 0 0;
  padding:13px 18px;
  border-radius:11px;
  background:linear-gradient(135deg,#6759e5,#7b68ed);
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 24px rgba(103,89,229,.19);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.telegram-gate a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(103,89,229,.24);
  filter:saturate(1.04);
}
.telegram-gate a:active{transform:translateY(0) scale(.985)}
@keyframes lumenGateGemFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes lumenGateGemTurn{
  0%,100%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(2.5deg) scale(1.035)}
}
html[data-theme="dark"] .telegram-gate>.telegram-gate-card{
  border-color:rgba(180,147,255,.12);
  background:rgba(12,11,37,.88);
  color:#f0ecf8;
  box-shadow:0 28px 85px rgba(0,0,15,.48);
}
html[data-theme="dark"] .telegram-gate ol{color:#c5bfd5}
html[data-theme="dark"] .telegram-gate li::marker{color:#858099}
html[data-theme="dark"] .telegram-gate a{
  background:linear-gradient(135deg,#7449df,#8d5aed);
  box-shadow:0 10px 25px rgba(81,43,166,.24);
}
@media(max-width:560px){
  .telegram-gate{padding:14px}
  .telegram-gate>.telegram-gate-card{padding:28px 22px 23px;border-radius:20px}
  .telegram-gate h1{font-size:34px}
  .telegram-gate ol{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .telegram-gate .gate-brand-mark,
  .telegram-gate .gate-brand-mark img,
  .telegram-gate h1{animation:none}
}

.statistics-system-cards{grid-template-columns:minmax(220px,1fr)}