.v3-page { background: #020715; }
.v3-header { height: 80px; background: rgba(2,6,20,.94); border-bottom: 1px solid rgba(80,99,172,.12); }
.v3-header-inner { height: 80px; }
.v3-container { width: min(calc(100% - 84px), 970px); }
.v3-brand { min-width: 245px; }
.v3-brand-mark { width: 42px; height: 42px; border-radius: 11px; box-shadow: 0 0 26px rgba(91,60,255,.65); }
.v3-brand b { font-size: 18px; }
.v3-brand small { margin-top: 3px; font-size: 11px; }
.v3-nav { gap: 32px; }
.v3-nav a { min-height: 80px; font-size: 13px; }
.v3-login-button { min-width: 116px; box-shadow: 0 0 22px rgba(90,61,255,.6); }

.v3-hero { min-height: 525px; padding: 0; overflow: hidden; background: #030819 url("hero-grid-energy-v1.webp") center/cover no-repeat; }
.v3-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(2,6,18,.72) 0%,rgba(2,6,18,.16) 48%,rgba(2,6,18,.06) 100%); }
.v3-hero-inner { position: relative; z-index: 2; min-height: 525px; align-items:start; grid-template-columns: 38% 62%; gap: 12px; padding: 8px 0 0; }
.v3-hero-copy { padding-top: 61px; }
.v3-kicker { display: none; }
.v3-hero-copy h1 { margin-bottom: 18px; font-size: 31px; line-height: 1.4; letter-spacing: -1px; white-space: nowrap; }
.v3-hero-copy h1 em { color: #8253ff; text-shadow: 0 0 22px rgba(105,65,255,.35); }
.v3-hero-copy > p { max-width: 360px; margin-bottom: 24px; font-size: 13px; line-height: 2; }
.v3-hero-actions { gap: 14px; }
.v3-button-large { min-width: 152px; min-height: 42px; font-size: 13px; }
.v3-trust { gap: 25px; margin-top: 27px; font-size: 11px; }
.v3-dashboard-stage { height: 440px; margin-left: 0; transform: none; width: 100%; }
.v3-dashboard { top: 8px; left: 0; right: auto; width: 520px; height: 315px; border-color: #586cff; border-radius: 15px; box-shadow: 0 0 35px rgba(58,52,255,.42); }
.v3-float-card { box-shadow: 0 0 24px rgba(45,59,212,.25); }
.v3-float-one { z-index:12; right:-38px; top:128px; width:104px; padding:15px; font-size:12px; }
.v3-float-two { z-index:12; right:-38px; top:264px; width:104px; padding:15px; font-size:12px; }
.v3-lower-panels {
  position: absolute;
  z-index: 8;
  left: -88px;
  right: auto;
  width: 620px;
  top: 310px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin: 0;
}

.v3-contact-widget{position:fixed;right:clamp(18px,2.4vw,36px);bottom:clamp(18px,2.4vw,34px);z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.v3-contact-toggle{width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#43c8ec,#6378f2);box-shadow:0 14px 32px #15297670;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.v3-contact-toggle:hover,.v3-contact-toggle:focus-visible{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 38px #1529768c;outline:2px solid #78e9ff;outline-offset:3px}.v3-contact-toggle i{font-size:26px}.v3-contact-widget.is-open .v3-contact-toggle{transform:rotate(-8deg)}.v3-contact-panel{display:grid;grid-template-columns:repeat(2,minmax(195px,1fr));gap:10px;padding:12px;border:1px solid #2f7585;border-radius:22px;background:#071a2bee;box-shadow:0 20px 54px #0009;backdrop-filter:blur(18px);animation:v3-contact-in .18s ease-out}.v3-contact-panel[hidden]{display:none}.v3-contact-panel a{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid #23475c;border-radius:16px;color:#fff;background:#091e31;transition:border-color .2s ease,transform .2s ease,background .2s ease}.v3-contact-panel a:hover,.v3-contact-panel a:focus-visible{transform:translateY(-2px);border-color:#58d5ee;background:#0c2940;outline:none}.v3-contact-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#42caf0,#6475ee)}.v3-contact-icon i{font-size:26px}.v3-contact-panel strong{display:block;font-size:18px;line-height:1.2}.v3-contact-panel small{display:flex;align-items:center;gap:6px;margin-top:5px;color:#9eb2c8;font-size:13px;white-space:nowrap}.v3-contact-panel small i{width:8px;height:8px;border-radius:50%;background:#36e69a;box-shadow:0 0 11px #36e69a}@keyframes v3-contact-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:680px){.v3-contact-widget{right:14px;bottom:14px}.v3-contact-widget:not(.is-open) .v3-contact-panel{display:none}.v3-contact-toggle{width:52px;height:52px}.v3-contact-toggle i{font-size:23px}.v3-contact-panel{width:min(300px,calc(100vw - 28px));grid-template-columns:1fr;padding:10px;border-radius:18px}.v3-contact-panel a{grid-template-columns:48px 1fr;padding:10px 12px}.v3-contact-icon{width:48px;height:48px;border-radius:14px}.v3-contact-panel strong{font-size:17px}.v3-contact-panel small{font-size:13px}}
.v3-lower-panels > article {
  position: relative;
  height: 190px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid rgba(77,94,157,.42);
  border-radius: 9px;
  color: #9aa4c1;
  font-size: 11px;
  background: linear-gradient(145deg,rgba(9,20,52,.98),rgba(4,11,29,.98));
  box-shadow: 0 9px 26px rgba(0,0,0,.32);
}
.v3-lower-panels > article > b { display:block; margin-bottom:11px; color:#fff; font-size:14px; }
.v3-lower-panels > article p { display:flex; align-items:center; gap:5px; margin:7px 0; font-size:10px; line-height:1.45; }
.v3-lower-panels > article p span,.v3-lower-panels > article p em { margin-left:auto; color:#00d99d; font-style:normal; }
.v3-lower-panels > article p u { width:9px; height:9px; margin-left:auto; border-radius:9px; background:#7949ff; box-shadow:0 0 7px #7545ff; }
.v3-lower-panels > article > a { position:absolute; right:12px; bottom:10px; color:#6688ff; font-size:10px; }
.v3-video-thumb { height:76px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(0,181,255,.25),rgba(87,31,255,.7)),radial-gradient(circle at 70% 40%,#00def2,transparent 25%),#101646; }
.v3-video-thumb i { font-size:22px; }
.v3-line-panel .chart-grid path { fill:none; stroke:rgba(92,109,178,.2); stroke-width:1; }
.v3-line-panel .chart-area { fill:url(#lineArea); stroke:none; }
.v3-line-panel .chart-line { fill:none; stroke:#814cff; stroke-width:4; stroke-linecap:round; }
.v3-line-panel .chart-points circle { fill:#a36cff; stroke:#4e2bbb; stroke-width:2; }
.v3-float-publish {
  position:absolute;
  z-index:9;
  left:-12px;
  bottom:14px;
  width:106px;
  min-height:120px;
  padding:14px;
  border:1px solid rgba(64,89,177,.55);
  border-radius:10px;
  color:#aab3cb;
  font-size:9px;
  background:linear-gradient(145deg,rgba(9,21,50,.98),rgba(4,11,29,.98));
  box-shadow:0 12px 35px rgba(0,0,0,.4),0 0 22px rgba(54,54,255,.2);
}
.v3-float-publish > i { display:grid; place-items:center; width:24px; height:24px; margin-bottom:7px; border-radius:50%; color:#fff; background:#3672ff; }
.v3-float-publish span,.v3-float-publish strong { display:block; }
.v3-float-publish strong { color:#fff; font-size:18px; }
.v3-float-publish strong small { font-size:8px; }
.v3-float-publish > div { display:flex; align-items:end; gap:4px; height:25px; margin-top:6px; }
.v3-float-publish > div b { width:5px; background:#285cff; }
.v3-float-publish > div b:nth-child(1){height:8px}.v3-float-publish > div b:nth-child(2){height:14px}.v3-float-publish > div b:nth-child(3){height:19px}.v3-float-publish > div b:nth-child(4){height:13px}.v3-float-publish > div b:nth-child(5){height:22px}.v3-float-publish > div b:nth-child(6){height:10px}

.v3-section { padding: 23px 0 19px; }
.v3-section-head { margin-bottom: 16px; }
.v3-section-head h2 { font-size: 25px; }
.v3-section-head p { margin-top: 5px; font-size: 12px; }
.v3-feature-grid { gap: 12px; }
.v3-chain .v3-feature-grid article { min-height: 178px; padding: 18px 18px 42px; border-radius: 10px; }
.v3-chain .v3-feature-grid article > span > i { display:grid; place-items:center; width:46px; height:46px; margin:0 0 11px; border-radius:11px; color:#fff; font-size:24px; background:linear-gradient(145deg,#6039db,#353fc9); box-shadow:0 0 18px rgba(92,57,231,.35); }
.v3-chain .v3-feature-grid article h3 { margin: 0 0 6px; font-size: 17px; }
.v3-chain .v3-feature-grid article p { display:-webkit-box; overflow:hidden; margin-bottom:8px; font-size: 11px; line-height: 1.7; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.v3-chain .v3-feature-grid article a { position:absolute; left:18px; bottom:16px; margin:0; font-size:11px; }
.v3-chain .v3-feature-grid article a i { display:inline; width:auto; height:auto; margin:0 0 0 3px; border:0; border-radius:0; color:inherit; font-size:inherit; background:none; box-shadow:none; }

.v3-plugins { padding-top: 24px; padding-bottom: 22px; }
.v3-plugin-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.v3-plugin-grid article { min-height: 178px; padding: 15px 15px 42px; border-radius: 10px; }
.v3-plugin-grid article h3 { margin: 10px 0 4px; font-size: 16px; }
.v3-plugin-grid article p { display:-webkit-box; overflow:hidden; font-size: 10px; line-height: 1.65; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.v3-plugin-bottom { font-size: 10px; }
.v3-plugin-grid article .v3-plugin-top > span > i { display:grid; place-items:center; width:38px; height:38px; margin:0; border-radius:9px; color:#fff; font-size:19px; background:linear-gradient(145deg,#6039db,#353fc9); box-shadow:0 0 18px rgba(92,57,231,.35); }
.v3-plugin-grid article .v3-plugin-top > b { display:flex; align-items:center; gap:4px; color:#00e6bd; font-size:9px; }
.v3-plugin-grid article .v3-plugin-top > b > i { display:block; width:7px; height:7px; margin:0; border-radius:50%; background:#00e6bd; box-shadow:0 0 7px rgba(0,230,189,.7); }
.v3-plugin-grid article footer { position:absolute; left:15px; right:15px; bottom:13px; display:flex; align-items:center; justify-content:space-between; }
.v3-plugin-grid article footer small { position:static; }
.v3-plugin-grid article footer a { margin:0; }
.v3-plugin-empty { grid-column:1/-1; padding:36px; border:1px solid rgba(73,91,194,.5); border-radius:12px; color:#8d98b7; text-align:center; background:rgba(7,16,42,.72); }

.v3-cta-section { padding: 5px 0 24px; }
.v3-cta { min-height: 132px; padding: 30px 250px 30px 250px; border-radius: 14px; background: radial-gradient(circle at 16% 50%,rgba(75,50,255,.34),transparent 25%),linear-gradient(110deg,#071246,#070d31 55%,#15104d); }
.v3-cta h2 { font-size: 23px; }
.v3-cta p { font-size: 12px; }
.v3-cta-art { left:20px; top:0; width:220px; height:100%; transform:none; background:url("cta-telegram-cubes-v1.webp") center/contain no-repeat; mix-blend-mode:screen; filter:saturate(1.15) brightness(1.08); animation:v3CtaArtFloat 4.2s ease-in-out infinite; }
.v3-cta-art::before,.v3-cta-art::after,.v3-cta-art > * { display:none!important; }
.v3-cta > .v3-button { right:34px; top:39px; min-width:205px; min-height:54px; border:2px solid #bba7ff; font-size:16px; }
.v3-footer { padding: 19px 0; }
.v3-footer-inner { font-size: 10px; }
.v3-role-links { align-items:center; }
.v3-role-links button {
  min-height:36px;
  padding:0 17px;
  border:2px solid rgba(154,118,255,.9);
  border-radius:9px;
  color:#eee9ff;
  font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  background:linear-gradient(135deg,rgba(105,67,232,.88),rgba(75,68,211,.92));
  box-shadow:0 0 18px rgba(104,68,255,.38),inset 0 1px rgba(255,255,255,.22);
  cursor:pointer;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.v3-role-links button:hover { transform:translateY(-2px); filter:brightness(1.13); box-shadow:0 0 27px rgba(116,79,255,.62),inset 0 1px rgba(255,255,255,.32); }

.landing-login-panel {
  width: min(620px, 100%);
  padding: 48px 50px 42px;
  overflow: hidden;
  border: 1px solid rgba(91, 94, 226, .72);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(4, 11, 31, .97), rgba(3, 10, 29, .96)),
    #050d22;
  box-shadow: 0 0 70px rgba(42, 42, 181, .24), inset 0 1px rgba(255,255,255,.04);
}
.landing-login-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 170px;
  opacity: .48;
  background:
    linear-gradient(180deg, transparent, rgba(62, 29, 201, .13)),
    url("hero-grid-energy-v1.webp") center bottom / 100% auto no-repeat;
  pointer-events: none;
}
.landing-login-close {
  right: 26px;
  top: 24px;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(111, 65, 255, .4);
  border-radius: 13px;
  color: #a578ff;
  background: rgba(14, 17, 53, .9);
  font-size: 28px;
}
.landing-login-icon {
  width: 76px;
  height: 76px;
  border: 1px solid #a574ff;
  border-radius: 20px;
  font-size: 35px;
  background: linear-gradient(145deg, #8c5bff, #5b27ef);
  box-shadow: 0 0 34px rgba(98, 54, 255, .58), inset 0 1px rgba(255,255,255,.42);
}
.landing-login-panel h2 { margin: 28px 0 8px; font-size: 37px; line-height: 1.2; letter-spacing: -1px; }
.landing-login-panel > p { margin-bottom: 30px; color: #a9b2ca; font-size: 18px; }
.landing-login-panel > p strong { color: #8b5bff; font-weight: 500; }
.landing-login-panel label {
  position: relative;
  margin: 20px 0 9px;
  padding-left: 20px;
  color: #edf0fb;
  font-size: 18px;
}
.landing-login-panel label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #714bff;
  box-shadow: 0 0 10px #714bff;
  transform: translateY(-50%);
}
.landing-input {
  min-height: 62px;
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(74, 91, 170, .78);
  border-radius: 13px;
  background: linear-gradient(90deg, rgba(4, 12, 31, .98), rgba(12, 24, 58, .95));
}
.landing-input:focus-within { border-color: #8554ff; box-shadow: 0 0 0 1px #8554ff, 0 0 22px rgba(110, 59, 255, .26); }
.landing-input > i {
  display: grid;
  place-items: center;
  align-self: stretch;
  width: 66px;
  flex: 0 0 66px;
  border-right: 1px solid rgba(68, 81, 142, .52);
  color: #8e62ff;
  font-size: 24px;
}
.landing-input input { height: 60px; padding: 0 18px; font-size: 19px; font-weight: 700; }
.landing-input button {
  align-self: stretch;
  width: 68px;
  flex: 0 0 68px;
  border-left: 1px solid rgba(68, 81, 142, .52);
  color: #9367ff;
  font-size: 24px;
}
.landing-login-submit {
  min-height: 64px;
  margin-top: 30px;
  border: 1px solid #a07cff;
  border-radius: 13px;
  font-size: 21px;
  background: linear-gradient(120deg, #6537ef, #4c2ad6 42%, #6335ff);
  box-shadow: 0 0 26px rgba(88, 45, 255, .45), inset 0 1px rgba(255,255,255,.35);
}
.landing-login-foot {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 28px;
  font-size: 14px;
}
.landing-login-foot a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 28px;
  color: #a17aff;
  white-space: nowrap;
}
.landing-login-foot a + a { border-left: 1px solid rgba(104, 112, 164, .42); }
.landing-login-foot i { font-size: 19px; }

.v3-motion-field { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.v3-motion-field i { position:absolute; left:var(--x); top:var(--y); width:var(--s); height:var(--s); border-radius:50%; opacity:.2; background:#8067ff; box-shadow:0 0 12px #735aff,0 0 28px rgba(64,108,255,.72); animation:v3Particle var(--d) linear infinite; animation-delay:var(--delay); }
.v3-header { animation:v3HeaderGlow 5s ease-in-out infinite alternate; }
.v3-brand-mark,.landing-login-icon { animation:v3IconPulse 2.8s ease-in-out infinite; }
.v3-button-primary { position:relative; overflow:hidden; isolation:isolate; animation:v3ButtonPulse 2.6s ease-in-out infinite; }
.v3-button-primary::after { content:""; position:absolute; z-index:-1; top:-80%; bottom:-80%; left:-40%; width:28%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); transform:rotate(18deg); animation:v3ButtonSweep 3.2s ease-in-out infinite; }
.v3-dashboard { transform:translate3d(var(--hero-x,0),var(--hero-y,0),0); animation:v3DashboardGlow 3.8s ease-in-out infinite alternate; transition:transform .18s ease-out; }
.v3-float-one { animation:v3FloatWide 4s ease-in-out infinite; }
.v3-float-two { animation:v3FloatWide 4.8s ease-in-out -.8s infinite reverse; }
.v3-float-publish { animation:v3FloatPublish 4.3s ease-in-out -.4s infinite; }
.v3-line-panel .chart-line { stroke-dasharray:700; stroke-dashoffset:700; animation:v3DrawLine 2.4s ease-out .25s forwards,v3LineGlow 2s ease-in-out 2.6s infinite alternate; }
.v3-line-panel .chart-area { opacity:0; animation:v3AreaReveal 1.5s ease-out 1.2s forwards; }
.v3-line-panel .chart-points circle { transform-box:fill-box; transform-origin:center; animation:v3PointPulse 1.6s ease-in-out infinite alternate; }
.v3-donut { animation:v3DonutSpin 8s linear infinite; }
.v3-chain article,.v3-plugin-grid article { --tilt-x:0deg; --tilt-y:0deg; --lift:0px; transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift)); transform-style:preserve-3d; transition:transform .18s ease-out,border-color .22s ease,box-shadow .22s ease; }
.v3-chain article:hover,.v3-plugin-grid article:hover { --lift:-7px; }
.v3-chain article > span,.v3-plugin-top,.v3-chain article h3,.v3-plugin-grid article h3 { transform:translateZ(22px); }
.v3-reveal { opacity:0; transform:translateY(42px) scale(.965); filter:blur(5px); }
.v3-reveal.is-visible { opacity:1; transform:translateY(0) scale(1); filter:blur(0); transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .75s ease; transition-delay:var(--reveal-delay,0ms); }
.v3-cta { animation:v3CtaBorder 3.6s ease-in-out infinite alternate; }
.v3-dashboard,
.v3-float-card,
.v3-float-publish,
.v3-lower-panels > article,
.v3-chain .v3-feature-grid article,
.v3-plugin-grid article,
.v3-cta { border-width:2px; }

@keyframes v3Particle { 0%{transform:translate3d(0,40px,0) scale(.5);opacity:0}15%{opacity:.48}75%{opacity:.22}100%{transform:translate3d(var(--drift),-650px,0) scale(1.55);opacity:0} }
@keyframes v3HeaderGlow { from{box-shadow:0 1px rgba(86,71,255,.05)}to{box-shadow:0 1px rgba(98,78,255,.24),0 8px 34px rgba(40,31,149,.12)} }
@keyframes v3IconPulse { 0%,100%{filter:brightness(1);box-shadow:0 0 22px rgba(91,60,255,.5)}50%{filter:brightness(1.22);box-shadow:0 0 38px rgba(103,75,255,.9)} }
@keyframes v3ButtonPulse { 0%,100%{box-shadow:0 0 22px rgba(91,54,255,.48),inset 0 1px rgba(255,255,255,.32)}50%{box-shadow:0 0 38px rgba(100,68,255,.88),0 0 70px rgba(59,70,255,.2),inset 0 1px rgba(255,255,255,.5)} }
@keyframes v3ButtonSweep { 0%,35%{left:-45%}70%,100%{left:125%} }
@keyframes v3DashboardGlow { from{filter:brightness(.96);box-shadow:0 0 5px rgba(112,79,255,.8),0 0 34px rgba(63,53,255,.48),0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.14)}to{filter:brightness(1.08);box-shadow:0 0 7px rgba(137,91,255,1),0 0 58px rgba(75,61,255,.78),0 28px 74px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.22)} }
@keyframes v3FloatWide { 0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)} }
@keyframes v3FloatPublish { 0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}50%{transform:translate3d(0,-10px,0) rotate(.5deg)} }
@keyframes v3DrawLine { to{stroke-dashoffset:0} }
@keyframes v3LineGlow { from{filter:drop-shadow(0 0 2px #7443ff)}to{filter:drop-shadow(0 0 9px #915fff)} }
@keyframes v3AreaReveal { to{opacity:1} }
@keyframes v3PointPulse { from{transform:scale(.85);filter:brightness(1)}to{transform:scale(1.35);filter:brightness(1.6)} }
@keyframes v3DonutSpin { to{transform:rotate(360deg)} }
@keyframes v3CtaBorder { from{box-shadow:0 0 22px rgba(57,48,255,.18),inset 0 1px rgba(255,255,255,.06)}to{box-shadow:0 0 46px rgba(74,56,255,.44),inset 0 1px rgba(255,255,255,.13)} }
@keyframes v3CtaArtFloat { 0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-8px,0) scale(1.025)} }

@media (min-width: 1400px) {
  .v3-container { width: min(calc(100% - 110px), 1550px); }
  .v3-header, .v3-header-inner { height: 104px; }
  .v3-brand { min-width: 330px; }
  .v3-brand-mark { width: 54px; height: 54px; border-radius: 14px; font-size: 30px; }
  .v3-brand b { font-size: 23px; }
  .v3-brand small { font-size: 14px; }
  .v3-nav { gap: 50px; }
  .v3-nav a { min-height: 104px; padding-top: 34px; font-size: 16px; }
  .v3-login-button { min-width: 166px; min-height: 54px; font-size: 16px; }

  .v3-hero {
    min-height: 805px;
    background:
      radial-gradient(circle at 72% 48%, rgba(48,37,182,.18), transparent 30%),
      linear-gradient(180deg,#020615 0%,#03091c 72%,#061038 100%);
  }
  .v3-hero::before {
    width: auto;
    height: auto;
    inset: 0;
    opacity: .34;
    background: url("hero-grid-energy-v1.webp") right bottom / 76% auto no-repeat;
    transform: none;
    mask-image: linear-gradient(90deg,transparent 15%,#000 50%,#000 100%);
  }
  .v3-hero::after {
    background:
      linear-gradient(90deg,rgba(2,6,18,.76) 0%,rgba(2,6,18,.12) 51%,rgba(2,6,18,.08) 100%),
      linear-gradient(180deg,transparent 68%,rgba(25,34,122,.22));
  }
  .v3-grid-floor { left: 20%; bottom: -118px; height: 470px; opacity: .58; }
  .v3-hero-inner { min-height: 805px; grid-template-columns: 38% 62%; gap: 18px; padding-top: 16px; }
  .v3-hero-copy { padding-top: 118px; }
  .v3-hero-copy h1 { margin-bottom: 28px; font-size: 47px; line-height: 1.38; letter-spacing: -1.5px; }
  .v3-hero-copy > p { max-width: 550px; margin-bottom: 34px; font-size: 18px; line-height: 2; }
  .v3-hero-actions { gap: 22px; }
  .v3-button-large { min-width: 220px; min-height: 62px; border-radius: 12px; font-size: 17px; }
  .v3-trust { gap: 44px; margin-top: 42px; font-size: 15px; }

  .v3-dashboard-stage { height: 690px; }
  .v3-dashboard {
    top: 20px;
    width: 806px;
    height: 490px;
    border: 2px solid rgba(112,112,255,.96);
    border-radius: 20px;
    background: linear-gradient(145deg,rgba(10,18,50,.82),rgba(3,10,30,.88));
    box-shadow: 0 0 5px rgba(128,88,255,.95),0 0 42px rgba(72,57,255,.72),0 26px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.18),inset 0 0 48px rgba(50,66,171,.12);
    backdrop-filter: blur(18px);
  }
  .v3-dash-head { height: 58px; padding: 0 20px; }
  .v3-dash-body { grid-template-columns: 145px 1fr; height: calc(100% - 58px); }
  .v3-dash-side { padding: 18px 12px; }
  .v3-dash-side b,.v3-dash-side span { padding: 10px 12px; font-size: 12px; }
  .v3-dash-main { padding: 16px; }
  .v3-metrics { gap: 12px; }
  .v3-metrics > div { min-height: 84px; padding: 12px; background:rgba(7,18,45,.68); backdrop-filter:blur(12px); }
  .v3-metrics small { font-size: 11px; }
  .v3-metrics strong { font-size: 23px; }
  .v3-metrics em { font-size: 10px; }
  .v3-charts { gap: 13px; margin-top: 13px; }
  .v3-line-panel,.v3-donut-panel { height: 190px; padding: 14px; background:rgba(7,18,45,.65); backdrop-filter:blur(12px); }
  .v3-line-panel svg { height: 138px; }
  .v3-panel-title { font-size: 12px; }
  .v3-donut-wrap { height: 138px; }
  .v3-donut { width: 98px; flex-basis:98px; }
  .v3-donut-panel ul { font-size: 10px; }

  .v3-float-one { z-index:12; left:825px; right:auto; top:205px; width:142px; padding:20px; font-size:14px; }
  .v3-float-two { z-index:12; left:825px; right:auto; top:390px; width:142px; padding:20px; font-size:14px; }
  .v3-float-card {
    border:2px solid rgba(76,101,216,.82);
    background:linear-gradient(145deg,rgba(8,22,55,.78),rgba(4,12,32,.84));
    box-shadow:0 0 28px rgba(53,69,255,.28),inset 0 1px rgba(255,255,255,.09);
    backdrop-filter:blur(16px);
  }
  .v3-lower-panels { left:-135px; right:auto; top:482px; width:925px; gap:22px; }
  .v3-lower-panels > article {
    height:220px;
    padding:18px;
    border:2px solid rgba(73,91,194,.82);
    border-radius:12px;
    font-size:14px;
    background:linear-gradient(145deg,rgba(9,22,55,.8),rgba(4,12,32,.88));
    box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 29px rgba(71,58,255,.25),inset 0 1px rgba(255,255,255,.1),inset 0 0 28px rgba(51,70,160,.08);
    backdrop-filter:blur(18px);
  }
  .v3-lower-panels > article > b { margin-bottom:14px; font-size:17px; }
  .v3-lower-panels > article p { margin:9px 0; font-size:13px; }
  .v3-lower-panels > article > a { right:14px; bottom:12px; font-size:13px; }
  .v3-video-thumb { height:102px; }
  .v3-float-publish { left:-20px; bottom:55px; width:145px; min-height:168px; padding:19px; font-size:12px; border-radius:13px; backdrop-filter:blur(16px); }
  .v3-float-publish > i { width:34px; height:34px; }
  .v3-float-publish strong { font-size:25px; }

  .v3-section { padding: 44px 0 34px; }
  .v3-section-head { margin-bottom: 30px; }
  .v3-section-head h2 { font-size: 34px; }
  .v3-section-head p { font-size: 16px; }
  .v3-feature-grid { gap: 22px; }
  .v3-chain .v3-feature-grid article { min-height: 245px; padding: 28px 28px 58px; border-radius: 14px; }
  .v3-chain .v3-feature-grid article > span > i { width:60px; height:60px; margin-bottom:18px; border-radius:14px; font-size:31px; }
  .v3-chain .v3-feature-grid article h3 { font-size: 23px; }
  .v3-chain .v3-feature-grid article p { font-size: 15px; }
  .v3-chain .v3-feature-grid article a { left:28px; bottom:22px; font-size:14px; }
  .v3-chain article,.v3-plugin-grid article {
    border:2px solid rgba(76,89,204,.82);
    background:linear-gradient(145deg,rgba(10,22,54,.72),rgba(3,10,29,.84));
    box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 42px rgba(0,0,0,.12);
    backdrop-filter:blur(16px);
  }
  .v3-chain article:hover,.v3-plugin-grid article:hover { box-shadow:0 0 30px rgba(78,58,255,.28),inset 0 1px rgba(255,255,255,.1); }

  .v3-plugins { padding-top:42px; padding-bottom:38px; }
  .v3-plugin-grid { gap:18px; }
  .v3-plugin-grid article { min-height:270px; padding:23px 23px 58px; border-radius:14px; }
  .v3-plugin-grid article h3 { margin-top:16px; font-size:22px; }
  .v3-plugin-grid article p { font-size:14px; line-height:1.75; }
  .v3-plugin-grid article .v3-plugin-top > span > i { width:50px; height:50px; border-radius:12px; font-size:25px; }
  .v3-plugin-grid article .v3-plugin-top > b { font-size:12px; }
  .v3-plugin-grid article footer { left:23px; right:23px; bottom:18px; font-size:13px; }
  .v3-plugin-grid article footer a { font-size:13px; }

  .v3-cta-section { padding:12px 0 38px; }
  .v3-cta { min-height:184px; padding:42px 390px 42px 360px; border:2px solid rgba(85,67,255,.95); border-radius:18px; background:radial-gradient(circle at 18% 55%,rgba(57,67,255,.34),transparent 27%),linear-gradient(102deg,rgba(8,17,60,.92),rgba(12,11,66,.94) 55%,rgba(18,15,83,.94)); box-shadow:0 0 40px rgba(57,48,255,.34),inset 0 1px rgba(255,255,255,.13),inset 0 0 34px rgba(49,65,187,.12); }
  .v3-cta h2 { font-size:31px; }
  .v3-cta p { font-size:16px; }
  .v3-cta-art { left:40px; top:0; width:300px; height:100%; transform:none; background:url("cta-telegram-cubes-v1.webp") center/contain no-repeat; mix-blend-mode:screen; filter:saturate(1.15) brightness(1.08); animation:v3CtaArtFloat 4.2s ease-in-out infinite; }
  .v3-cta-art::before,.v3-cta-art::after,.v3-cta-art > * { display:none!important; }
  .v3-cta > .v3-button { right:55px; top:58px; min-width:285px; min-height:68px; border:2px solid #bba7ff; border-radius:15px; font-size:21px; }
  .v3-footer { padding:28px 0; }
  .v3-footer-inner { font-size:13px; }
  .v3-role-links button { min-height:42px; padding:0 22px; border-radius:10px; font-size:14px; }
}

@media (max-width: 820px) {
  .v3-container { width: min(100% - 30px,680px); }
  .v3-hero { min-height: auto; }
  .v3-hero-inner { min-height: auto; grid-template-columns: 1fr; padding-top: 38px; }
  .v3-dashboard-stage { width: 590px; max-width: 100%; transform: scale(.9); transform-origin: top center; }
  .v3-cta { padding-left: 26px; }
  .v3-plugin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing-login-panel { width: min(620px, 100%); }
}

@media (max-width: 560px) {
  .v3-plugin-grid { grid-template-columns: 1fr; }
  .landing-modal { padding: 12px; }
  .landing-login-panel { padding: 30px 20px 25px; border-radius: 18px; }
  .landing-login-close { right: 14px; top: 14px; width: 42px; height: 42px; }
  .landing-login-icon { width: 62px; height: 62px; border-radius: 16px; font-size: 28px; }
  .landing-login-panel h2 { margin-top: 21px; font-size: 29px; }
  .landing-login-panel > p { margin-bottom: 22px; font-size: 15px; }
  .landing-login-foot { grid-template-columns: 1fr; }
  .landing-login-foot a + a { border-left: 0; }
}