/* ============================================================
   ZENCODE SOLUTION V5 — NEURAL COMMAND UI
   Visual layer only. Business/API logic remains unchanged.
   ============================================================ */
:root{
  --zc-bg:#020608;
  --zc-bg2:#030a0c;
  --zc-panel:rgba(5,16,18,.88);
  --zc-panel2:rgba(7,23,22,.78);
  --zc-line:rgba(77,255,118,.20);
  --zc-line2:rgba(0,231,255,.16);
  --zc-green:#4dff6c;
  --zc-lime:#8eff24;
  --zc-cyan:#12e8e2;
  --zc-white:#f4fff8;
  --zc-muted:#8da79e;
  --zc-red:#ff5463;
  --zc-yellow:#ffd34f;
}
html{background:var(--zc-bg)}
body{
  background:
    radial-gradient(900px 520px at 72% 7%,rgba(0,244,169,.12),transparent 66%),
    radial-gradient(700px 480px at 17% 35%,rgba(77,255,108,.055),transparent 70%),
    linear-gradient(180deg,#020506 0%,#02080a 50%,#010405 100%);
  color:var(--zc-white);
  overflow-x:hidden;
}
body:before{
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(78,255,130,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,255,130,.055) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(0,255,170,.08) 0 1px,transparent 1px);
  background-size:42px 42px,42px 42px,18px 18px!important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 100%)!important;
}
body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(150,255,190,.012) 3px 4px);
  mix-blend-mode:screen;
}
.container{width:min(1320px,calc(100% - 44px))}
.nav{
  background:rgba(1,5,6,.91)!important;
  border-bottom:1px solid rgba(86,255,129,.18)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.26);
}
.nav:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 8%,rgba(73,255,112,.5) 35%,rgba(0,227,235,.18) 70%,transparent 95%);
}
.nav-inner{height:76px}
.brand{font-size:15px;letter-spacing:.09em;text-shadow:0 0 18px rgba(87,255,123,.08)}
.zmark{width:43px;height:43px;background:linear-gradient(145deg,#9cff50,#19f27d);filter:drop-shadow(0 0 15px rgba(69,255,111,.42))}
.nav-links{font-size:13px;gap:28px}
.nav-links a{position:relative;padding:28px 0 26px}
.nav-links a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;
  background:var(--zc-green);box-shadow:0 0 14px rgba(77,255,108,.7);transition:.22s ease;
}
.nav-links a:hover:after,.nav-links a.active:after{left:0;right:0}
.lang-wrap{
  border:1px solid rgba(77,255,108,.22)!important;
  background:rgba(7,22,18,.66)!important;
  box-shadow:inset 0 0 18px rgba(45,255,111,.025);
}
.btn{
  border-radius:9px!important;
  border-color:rgba(71,255,116,.42)!important;
  background:linear-gradient(180deg,rgba(15,45,33,.66),rgba(5,15,13,.75))!important;
  box-shadow:inset 0 0 24px rgba(77,255,108,.025),0 0 0 1px rgba(0,0,0,.4)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-1px);border-color:var(--zc-green)!important;box-shadow:0 0 26px rgba(66,255,109,.14)!important}
.btn.primary{
  color:#001507!important;
  background:linear-gradient(105deg,#3cf884,#7dff55)!important;
  box-shadow:0 0 26px rgba(61,255,113,.25),inset 0 1px rgba(255,255,255,.45)!important;
}
.eyebrow{
  color:var(--zc-green)!important;
  letter-spacing:.22em!important;
  text-shadow:0 0 16px rgba(66,255,112,.32);
}
.eyebrow:before{content:"»";margin-right:8px;color:#16f6d4}
.section{padding:62px 0}
.section-title{
  border-bottom:1px solid rgba(70,255,120,.12);
  padding-bottom:18px;margin-bottom:26px;position:relative
}
.section-title:after{
  content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;
  background:linear-gradient(90deg,var(--zc-green),transparent);box-shadow:0 0 12px rgba(77,255,108,.4)
}
.section-title h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.025em}
.section-title p{color:var(--zc-muted)}
.card,.panel,.identity-panel,.responsible-panel,.faq details,.timeline-row{
  background:
    linear-gradient(145deg,rgba(7,24,22,.92),rgba(3,10,12,.94))!important;
  border:1px solid rgba(71,255,120,.18)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.015),0 12px 38px rgba(0,0,0,.18)!important;
  border-radius:12px!important;
}
.card:before,.panel:before,.identity-panel:before{
  content:"";position:absolute;left:-1px;top:-1px;width:36px;height:36px;pointer-events:none;
  border-left:1px solid rgba(80,255,127,.75);border-top:1px solid rgba(80,255,127,.75);
  clip-path:polygon(0 0,100% 0,0 100%);
  opacity:.55;
}
.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-3px);border-color:rgba(77,255,108,.42)!important;box-shadow:0 18px 46px rgba(0,0,0,.25),0 0 28px rgba(77,255,108,.05)!important}
.card:after{background:radial-gradient(circle,rgba(49,255,113,.10),transparent 67%)!important}
.icon{
  border-color:rgba(77,255,108,.36)!important;
  background:radial-gradient(circle at 40% 30%,rgba(80,255,130,.13),rgba(3,16,12,.55))!important;
  box-shadow:0 0 18px rgba(60,255,110,.06),inset 0 0 14px rgba(0,236,201,.03)
}
.card h3{letter-spacing:.005em}
.card p,.muted{color:var(--zc-muted)!important}

/* HOME — reference to original neural/robot theme */
.hero{
  width:min(1400px,calc(100% - 30px));
  padding:46px 0 34px;
  min-height:625px;
  grid-template-columns:.82fr 1.18fr;
  gap:18px;
  position:relative;
}
.hero:before{
  content:"";position:absolute;inset:18px -8px 8px;border:1px solid rgba(72,255,120,.14);pointer-events:none;
  background:
    linear-gradient(90deg,rgba(77,255,108,.65),rgba(77,255,108,.65)) left 12px top 12px/38px 1px no-repeat,
    linear-gradient(rgba(77,255,108,.65),rgba(77,255,108,.65)) left 12px top 12px/1px 38px no-repeat,
    linear-gradient(90deg,rgba(0,230,230,.38),rgba(0,230,230,.38)) right 12px bottom 12px/38px 1px no-repeat,
    linear-gradient(rgba(0,230,230,.38),rgba(0,230,230,.38)) right 12px bottom 12px/1px 38px no-repeat;
}
.hero>div:first-child{padding:50px 0 36px 34px;position:relative;z-index:2}
.hero h1{
  font-size:clamp(48px,5.1vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-shadow:0 4px 28px rgba(0,0,0,.5);
}
.hero h1 em{
  color:var(--zc-lime)!important;
  background:linear-gradient(90deg,#74ff24,#31f876);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:none!important;
}
.hero p{font-size:17px!important;line-height:1.7!important;color:#b2c7bf!important}
.hero .trust-row{
  padding-top:18px;border-top:1px solid rgba(70,255,120,.12);
  gap:24px
}
.hero .trust-row span{font-size:12px}
.hero>.ai-core-wrap{
  min-height:520px!important;
  margin:26px 10px 18px 0;
  border-left:1px solid rgba(45,255,115,.06);
  background:
    linear-gradient(90deg,rgba(2,8,10,.15),transparent 18%),
    url('/assets/neural-brain-hero.webp') center center/cover no-repeat!important;
  border-radius:4px;overflow:hidden;
  box-shadow:inset 60px 0 65px rgba(2,6,8,.78),inset 0 -28px 45px rgba(1,5,6,.35)
}
.hero>.ai-core-wrap:before{
  inset:0!important;border-radius:0!important;border:0!important;animation:none!important;
  background:
    linear-gradient(90deg,transparent 0 73%,rgba(2,7,8,.12) 73%),
    linear-gradient(180deg,rgba(2,7,8,.08),transparent 30%,rgba(2,7,8,.25));
}
.hero>.ai-core-wrap:after{
  inset:auto 22px 18px auto!important;width:180px;height:62px!important;border-radius:7px!important;
  animation:none!important;border:1px solid rgba(71,255,116,.25)!important;
  background:rgba(2,11,12,.72);
  box-shadow:0 0 24px rgba(0,0,0,.28),inset 0 0 20px rgba(38,255,122,.03);
}
.hero>.ai-core-wrap .ai-core,.hero>.ai-core-wrap .platform{display:none!important}
.hero>.ai-core-wrap .visual-label{
  position:absolute;right:40px;bottom:36px;z-index:4;color:#a9c5bb;font-size:10px;letter-spacing:.14em;text-transform:uppercase
}
.hero>.ai-core-wrap .visual-label strong{display:block;color:var(--zc-green);font-size:15px;margin-top:5px;letter-spacing:.08em}
.about-section{padding-top:70px}
.identity-panel{
  background:
    linear-gradient(180deg,rgba(2,10,11,.30),rgba(2,8,9,.94) 82%),
    url('/assets/neural-brain-member.webp') center top/cover no-repeat!important;
  min-height:420px!important;
  align-content:end!important
}
.identity-panel:after{opacity:.1!important}
.identity-core{box-shadow:0 0 44px rgba(63,255,116,.2)!important}
.identity-lines{background:rgba(1,7,8,.66);backdrop-filter:blur(6px);padding:10px;border:1px solid rgba(74,255,116,.12);border-radius:10px}
.grid4,.grid3,.ecosystem,.plans{gap:15px!important}
.eco-card{min-height:235px!important}
.eco-card:before{width:44px;height:44px}
.eco-num{font-family:ui-monospace,Consolas,monospace;color:rgba(91,255,130,.25)!important}
.explain-card details{margin-top:14px;border-top:1px dashed rgba(70,255,120,.13);padding-top:10px}
.explain-card summary{color:#b8d7ca;cursor:pointer}
.journey .step{min-height:170px}
.journey .step>span{
  font-family:ui-monospace,Consolas,monospace;color:var(--zc-green);font-weight:800;
  border-bottom:1px solid rgba(70,255,120,.2);display:inline-block;padding-bottom:6px;margin-bottom:8px
}
.plan{min-height:410px}
.plan.popular{border-color:rgba(74,255,115,.55)!important;box-shadow:0 0 36px rgba(75,255,111,.07)!important}
.plan .price{
  font-size:34px!important;color:#fff;letter-spacing:-.03em;
  border-bottom:1px solid rgba(70,255,120,.13);padding-bottom:13px
}
.plan .price small{font-size:13px;color:var(--zc-muted);font-weight:500}
.responsible-panel{
  border-color:rgba(255,208,73,.22)!important;
  background:linear-gradient(120deg,rgba(30,28,12,.65),rgba(5,18,18,.92))!important
}

/* PAGE HEROES */
.page-hero{
  min-height:390px;padding:88px 0 55px;position:relative;overflow:hidden
}
.page-hero:before{
  content:"";position:absolute;right:-80px;top:18px;width:min(650px,60vw);height:340px;
  background:linear-gradient(90deg,rgba(2,7,8,1),rgba(2,7,8,.05) 42%),url('/assets/neural-brain-hero.webp') center/cover no-repeat;
  opacity:.42;filter:saturate(1.15);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
}
.page-hero>*{position:relative;z-index:2}
.page-hero h1{max-width:870px;text-shadow:0 8px 40px rgba(0,0,0,.8)}
.page-hero p{max-width:760px}

/* AUTH / DEMO / ACTIVATE / DOWNLOAD */
.auth-shell{
  background:
    radial-gradient(600px 360px at 80% 30%,rgba(42,255,115,.10),transparent 70%),
    linear-gradient(90deg,rgba(2,7,8,.97),rgba(2,9,11,.85)),
    url('/assets/neural-brain-member.webp') right center/55% auto no-repeat;
}
.auth-layout{width:min(1180px,calc(100% - 32px))}
.auth-card,.auth-info{backdrop-filter:blur(10px)}
.auth-card h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.025em}
.input,.select{
  background:rgba(2,9,11,.86)!important;
  border-color:rgba(65,255,115,.18)!important;
  box-shadow:inset 0 0 14px rgba(0,0,0,.22)
}
.input:focus,.select:focus{border-color:rgba(75,255,118,.65)!important;box-shadow:0 0 0 3px rgba(62,255,109,.05)}
.notice{background:rgba(51,255,110,.045)!important;border-color:rgba(74,255,117,.20)!important}

/* SUPPORT */
.support-card{min-height:230px}
.support-card .btn{margin-top:18px}
.faq details[open]{border-color:rgba(74,255,115,.36)!important;box-shadow:0 0 22px rgba(69,255,112,.04)!important}

/* MEMBER PORTAL */
body:has(.auth-shell) .identity-core{background:#03100d}
.auth-shell .panel.auth-card{
  background:
    linear-gradient(180deg,rgba(2,10,11,.56),rgba(3,12,13,.95)),
    url('/assets/neural-brain-member.webp') center 10%/cover no-repeat!important;
  min-height:520px;display:flex;flex-direction:column;justify-content:center
}

/* BUSINESS ADMIN */
#adminApp .page-head{
  min-height:260px;padding:42px 320px 30px 24px;position:relative;
  border:1px solid rgba(73,255,116,.16);border-radius:12px;margin-bottom:16px;overflow:hidden;
  background:linear-gradient(90deg,rgba(2,9,10,.98),rgba(2,9,10,.63))
}
#adminApp .page-head:after{
  content:"";position:absolute;right:0;top:0;width:440px;height:100%;
  background:linear-gradient(90deg,rgba(2,8,9,.75),transparent 38%),url('/assets/neural-brain-admin.webp') center/cover no-repeat;
  opacity:.9
}
#adminApp .page-head>*{position:relative;z-index:2}
#adminApp .page-head h1{font-size:42px}
.kpi-row .kpi{
  min-height:135px;background:
    linear-gradient(150deg,rgba(7,24,21,.96),rgba(2,9,11,.94))!important
}
.kpi strong{font-size:38px!important;color:var(--zc-green)}
.admin-nav-v4 button{
  border-color:rgba(67,255,116,.14)!important;background:rgba(2,12,10,.8)!important
}
.admin-nav-v4 button.active{
  background:linear-gradient(90deg,rgba(57,255,110,.12),rgba(2,11,10,.8))!important;
  box-shadow:inset 3px 0 var(--zc-green)
}
.admin-chat-messages,.chat-admin-list{background:rgba(1,7,8,.45);border-radius:9px}
.upload-zone{background:linear-gradient(135deg,rgba(42,255,109,.035),rgba(0,213,226,.025))!important}

/* LEGAL */
.legal-nav a{border-color:rgba(74,255,116,.18)!important}
.legal-nav a:hover{background:rgba(70,255,115,.04)}
.legal-note{background:rgba(255,202,57,.04)!important}

/* FOOTER */
.footer{
  background:linear-gradient(180deg,rgba(2,7,8,.45),rgba(1,4,5,.95));
  border-top:1px solid rgba(72,255,119,.14)!important;padding:34px 0!important
}
.footer strong,.footer .brand{color:#eefef4}
.footer a{transition:.2s}.footer a:hover{color:var(--zc-green)!important}

/* CHAT WIDGET */
.zc-chat-fab{
  border-color:rgba(76,255,117,.55)!important;
  background:linear-gradient(135deg,rgba(16,49,34,.96),rgba(3,13,11,.98))!important;
  box-shadow:0 0 28px rgba(65,255,109,.16),0 10px 40px rgba(0,0,0,.45)!important
}
.zc-chat-panel{
  border-color:rgba(73,255,117,.34)!important;
  background:rgba(2,10,12,.985)!important;
}

/* MOBILE MENU INJECTED BY neural-ui.js */
.neural-menu{
  display:none;margin-left:auto;border:1px solid rgba(75,255,116,.28);border-radius:8px;
  color:var(--zc-green);background:rgba(4,16,13,.8);width:42px;height:38px;font-size:20px
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;width:min(100% - 22px,1320px);min-height:auto}
  .hero>div:first-child{padding:42px 8px 12px}
  .hero>.ai-core-wrap{margin:0;min-height:430px!important;border:1px solid rgba(71,255,119,.14)}
  .neural-menu{display:block}
  .nav-inner>.nav-links{
    display:none!important;position:absolute;left:12px;right:12px;top:70px;padding:12px;
    background:rgba(2,9,10,.98);border:1px solid rgba(71,255,117,.18);border-radius:10px;
    flex-direction:column;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.5)
  }
  .nav.mobile-open .nav-links{display:flex!important}
  .nav-links a{padding:12px 10px}
  .nav-links a:after{display:none}
  .nav-inner>.btn{display:none}
  #adminApp .page-head{padding:34px 24px;min-height:250px}
  #adminApp .page-head:after{opacity:.30;width:100%}
}
@media(max-width:620px){
  .container{width:min(100% - 20px,1320px)}
  .nav-inner{height:66px}
  .brand{font-size:12px}.zmark{width:35px;height:35px}
  .hero{padding-top:18px}
  .hero h1{font-size:43px!important}
  .hero>.ai-core-wrap{min-height:310px!important;background-position:center!important}
  .hero>.ai-core-wrap:after,.hero>.ai-core-wrap .visual-label{display:none!important}
  .section{padding:42px 0}
  .page-hero{min-height:330px;padding:70px 0 38px}
  .page-hero:before{right:-230px;width:640px;opacity:.3}
  .section-title{display:block}.section-title p{margin-top:10px}
  .card,.panel{padding:18px!important}
  .auth-shell{background:radial-gradient(500px 300px at 60% 15%,rgba(48,255,115,.08),transparent 70%),#020709}
  .zc-chat-panel{right:10px;bottom:72px;width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.neural-status-strip{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px;font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.08em}
.neural-status-strip span{color:#6f8d83}.neural-status-strip b{color:var(--zc-green);font-weight:700}