:root{
  --bg:#000;
  --panel:#070707;
  --panel2:#0d0d0e;
  --line:rgba(216,171,50,.34);
  --line2:rgba(216,171,50,.18);
  --gold:#d8ab32;
  --gold2:#ffd45a;
  --text:#f7f7f2;
  --muted:#d2d5da;
  --muted2:#969ba4;
  --blue:#18b9ff;
  --violet:#7357ff;
  --green:#19e486;
  --danger:#ff4e4e;
  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,.55), 0 0 26px rgba(216,171,50,.08), inset 0 0 0 1px rgba(255,255,255,.025);
  --max:1320px;
}
*{box-sizing:border-box}
html{background:#000;scroll-behavior:smooth}
body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;letter-spacing:.01em}
a{color:inherit}
img{max-width:100%}
.page-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 8%,rgba(216,171,50,.13),transparent 22%),radial-gradient(circle at 10% 28%,rgba(216,171,50,.10),transparent 20%),radial-gradient(circle at 90% 30%,rgba(216,171,50,.10),transparent 20%),linear-gradient(180deg,#050505,#000 44%,#030303)}
.page-bg::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(216,171,50,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(216,171,50,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 24%,#000 0 30%,transparent 80%)}
.page-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at left 32%,transparent 0 14%,rgba(216,171,50,.34) 14.2% 14.5%,transparent 14.8%),radial-gradient(circle at right 32%,transparent 0 14%,rgba(216,171,50,.34) 14.2% 14.5%,transparent 14.8%);opacity:.32}
.header{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line2)}
.header-inner{max-width:var(--max);height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}
.logo-link{display:flex;align-items:center;text-decoration:none;min-width:0}
.logo{width:290px;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(216,171,50,.18));mix-blend-mode:screen}
.nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.nav a,.nav button.lang-reset{font:inherit;text-decoration:none;color:#eee;background:transparent;border:0;cursor:pointer;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.06em;opacity:.9;padding:10px 0}
.nav a:hover,.nav button.lang-reset:hover{color:var(--gold2)}
.nav-pill{display:inline-flex!important;align-items:center;gap:8px;border:1px solid rgba(216,171,50,.72)!important;border-radius:9px!important;padding:10px 20px!important;color:var(--gold2)!important;background:linear-gradient(180deg,rgba(34,24,2,.72),rgba(0,0,0,.78))!important;box-shadow:0 0 18px rgba(216,171,50,.14)}
.lang-switch{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 8px;background:rgba(255,255,255,.03)}
.flag-btn{width:38px;height:25px;display:grid;place-items:center;border:0;background:transparent;padding:0;border-radius:5px;cursor:pointer;opacity:.86;overflow:visible}
.flag-btn img{width:38px;height:25px;display:block;object-fit:contain;pointer-events:none}
.flag-btn.active,.flag-btn:hover{opacity:1;filter:drop-shadow(0 0 9px rgba(255,203,56,.88))}
.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--gold2);border-radius:10px;padding:10px 12px;font-weight:900}
main{max-width:var(--max);margin:0 auto;padding:22px 28px 0}
.section{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(8,8,8,.88),rgba(1,1,1,.96));box-shadow:var(--shadow);border-radius:var(--radius);margin-bottom:20px;position:relative;overflow:hidden}
.section-title{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;margin-bottom:28px}
.section-title span{height:1px;width:190px;background:linear-gradient(90deg,transparent,var(--gold))}
.section-title span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.section-title h2{margin:0;color:#fff;text-transform:uppercase;letter-spacing:.07em;font-size:24px}.section-title em{font-style:normal;color:var(--gold2)}
.hero{min-height:555px;display:grid;grid-template-columns:420px 1fr;gap:34px;align-items:center;padding:28px 36px 42px;border-top:0;background:radial-gradient(circle at 24% 64%,rgba(216,171,50,.15),transparent 23%),linear-gradient(180deg,rgba(8,8,8,.45),rgba(0,0,0,.92))}
.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.moonbot{width:min(420px,100%);filter:drop-shadow(0 0 38px rgba(216,171,50,.42));mix-blend-mode:screen}.gold-rings{position:absolute;bottom:24px;left:50%;width:360px;height:92px;transform:translateX(-50%);border:1px solid rgba(216,171,50,.34);border-radius:50%;box-shadow:0 0 36px rgba(216,171,50,.2), inset 0 0 22px rgba(216,171,50,.09)}
.hero-copy{text-align:center;position:relative}.kicker{text-transform:uppercase;letter-spacing:.5em;color:#d8d8d8;font-weight:900;margin-bottom:8px}.hero h1{font-size:58px;line-height:1.06;margin:0;text-transform:uppercase;text-shadow:0 0 18px rgba(255,255,255,.08)}.hero h1 .gold{display:block;color:var(--gold2);text-transform:none;background:linear-gradient(180deg,#fff0ae,#c49118);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:720px;margin:22px auto;color:#e5e7ea;font-size:18px;line-height:1.65}.cta-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:15px 26px;border-radius:12px;text-decoration:none;font-weight:900;font-size:16px;border:1px solid rgba(255,255,255,.12);transition:.18s;text-align:center}.btn img{width:32px;height:32px}.btn:hover{transform:translateY(-2px)}.btn-discord{background:linear-gradient(180deg,rgba(115,87,255,.95),rgba(65,38,180,.92));box-shadow:0 0 24px rgba(115,87,255,.38);border-color:rgba(160,144,255,.7)}.btn-telegram{background:linear-gradient(180deg,rgba(24,185,255,.95),rgba(0,105,150,.92));box-shadow:0 0 24px rgba(24,185,255,.32);border-color:rgba(24,185,255,.72)}.btn-gold{background:linear-gradient(180deg,rgba(72,49,4,.96),rgba(17,12,2,.94));border-color:rgba(255,212,90,.82);color:var(--gold2);box-shadow:0 0 20px rgba(216,171,50,.22)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.trust{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-align:left;color:#dfe3e7}.trust .ico{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--gold2);font-size:28px;background:rgba(0,0,0,.35);box-shadow:0 0 16px rgba(216,171,50,.12)}.trust strong{font-size:14px;line-height:1.4}
.cards-section{padding:28px}.free-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(12,12,13,.92),rgba(0,0,0,.96));box-shadow:var(--shadow);padding:30px;position:relative}.card.discord{border-color:rgba(115,87,255,.75)}.card.telegram{border-color:rgba(24,185,255,.65)}.card.gold{border-color:rgba(216,171,50,.7)}.card-header{display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center}.card-logo{width:92px;height:92px;border-radius:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);box-shadow:0 0 24px rgba(255,255,255,.08)}.card-logo img{width:58px;height:58px}.card h3{margin:0;color:#fff;font-size:30px}.purple{color:#7c66ff}.cyan{color:#18b9ff}.gold-text{color:var(--gold2)}.card-subtitle{color:var(--gold2);font-size:18px;margin-top:6px}.features{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px;color:#ecedf0}.features li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:15px;line-height:1.35}.features li::before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-weight:900;font-size:12px;background:linear-gradient(180deg,#6854ff,#4633c4);color:#fff}.telegram .features li::before{background:linear-gradient(180deg,#18b9ff,#0077a7)}.gold .features li::before{background:transparent;color:var(--gold2);border:1px solid var(--gold2)}.card .btn{margin-top:28px;width:100%}.vip-grid{display:grid;grid-template-columns:1fr 1fr 310px;gap:22px}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.price-box{border:1px solid rgba(216,171,50,.45);border-radius:13px;padding:14px;text-align:center;background:rgba(0,0,0,.35)}.price-box.inactive{filter:grayscale(1);opacity:.38}.price-box small{display:block;color:var(--gold2);text-transform:uppercase;font-weight:900}.price-box strong{display:block;font-size:42px;color:var(--gold2);line-height:1}.price-box span{font-size:13px;color:#ddd}.soon-card{display:grid;place-items:center;text-align:center;filter:grayscale(1);opacity:.55}.soon-card .soon-icon{font-size:62px;color:#aaa}.soon-card h3{margin:4px 0 8px;color:#ddd}.copy{padding:28px}.copy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.copy-card{min-height:94px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));filter:grayscale(1);opacity:.52;position:relative}.copy-card b{font-size:26px;color:#b9b9b9}.copy-card span{font-size:12px;color:#aaa}.copy-card::after{content:'🔒';position:absolute;right:14px;bottom:12px;opacity:.8}.copy p{text-align:center;color:#c9cdd2;margin:22px auto 0;max-width:720px;line-height:1.55}.method{padding:28px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.method-card{text-align:center;padding:26px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(12,12,13,.92),rgba(0,0,0,.96))}.method-card .big-ico{font-size:54px;color:var(--gold2);filter:drop-shadow(0 0 16px rgba(216,171,50,.3))}.method-card h3{color:var(--gold2);text-transform:uppercase;margin:14px 0 8px}.method-card p{color:#d8dce1;line-height:1.5;margin:0}
.footer{max-width:var(--max);margin:0 auto;padding:34px 28px 20px;border-top:1px solid var(--line2);display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:34px;color:#d6d9dd}.footer-logo{width:235px;mix-blend-mode:screen}.footer h4{margin:0 0 12px;color:var(--gold2);text-transform:uppercase}.footer p,.footer a{color:#d6d9dd;text-decoration:none;line-height:1.6;font-size:14px}.footer a:hover{color:var(--gold2)}.footer-links{display:grid;gap:5px}.socials{display:flex;gap:14px}.socials img{width:32px;height:32px}.copyright{grid-column:1/-1;text-align:center;color:#8d9298;font-size:13px;padding-top:10px}
/* Labs */
.labs-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;padding:54px 42px;align-items:center}.labs-hero h1{font-size:56px;line-height:1.05;margin:0;text-transform:uppercase}.labs-hero p{font-size:18px;line-height:1.65;color:#e0e4e8}.code-panel{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.58);padding:18px;box-shadow:var(--shadow)}.code-panel pre{margin:0;color:#dde5ee;line-height:1.55;white-space:pre-wrap}.code-panel .green{color:#19e486}.code-panel .yellow{color:#ffd45a}.code-panel .blue{color:#18b9ff}.labs-services,.portfolio,.process,.faq,.contact{padding:34px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(12,12,13,.92),rgba(0,0,0,.96))}.service h3{color:var(--gold2);text-transform:uppercase;margin:0 0 10px}.service p{color:#d7dce1;line-height:1.55}.architecture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.arch-step{text-align:center;padding:22px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.55)}.arch-step b{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;border:1px solid var(--gold);color:var(--gold2)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(13,13,14,.9),rgba(0,0,0,.97))}.portfolio-card .tag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--gold2);font-size:12px;text-transform:uppercase;font-weight:900}.portfolio-card h3{font-size:23px;margin:16px 0 8px}.portfolio-card p{color:#d7dce1;line-height:1.55}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{padding:22px;text-align:center;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.54)}.process-card b{display:grid;place-items:center;margin:0 auto 12px;width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(0,0,0,.5);padding:16px}.faq summary{cursor:pointer;font-weight:900}.faq p{color:#d7dce1;line-height:1.55}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:940px;margin:auto}.contact-card{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(180deg,rgba(12,12,13,.92),rgba(0,0,0,.96))}.contact-card img{width:62px;height:62px}.contact-card h3{margin:0 0 8px;color:#fff}.contact-card p{margin:0;color:#d7dce1}.contact-card strong{display:block;margin-top:6px;color:var(--gold2)}
@media(max-width:1080px){.hero,.labs-hero{grid-template-columns:1fr}.hero-art{order:-1}.trust-row{grid-template-columns:repeat(2,1fr)}.vip-grid{grid-template-columns:1fr 1fr}.soon-card{grid-column:1/-1}.copy-grid{grid-template-columns:repeat(3,1fr)}.method-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.architecture-grid{grid-template-columns:repeat(3,1fr)}.footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}.hero h1,.labs-hero h1{font-size:46px}}
@media(max-width:820px){.header-inner{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 18px}.logo{width:210px}.mobile-toggle{display:block}.nav{display:none;order:10;width:100%;flex-direction:column;align-items:stretch;gap:8px;padding-bottom:10px}.nav.open{display:flex}.nav a,.nav button.lang-reset{text-align:center}.lang-switch{justify-content:center}.hero{padding:24px 18px}.hero h1,.labs-hero h1{font-size:36px}.kicker{letter-spacing:.3em}.free-grid,.vip-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.card-header{grid-template-columns:76px 1fr}.card-logo{width:76px;height:76px}.copy-grid{grid-template-columns:repeat(2,1fr)}.section-title span{width:60px}.footer{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.socials{justify-content:center}.labs-hero,.labs-services,.portfolio,.process,.faq,.contact,.cards-section,.copy,.method{padding:24px 18px}}
@media(max-width:520px){main{padding:14px 12px 0}.logo{width:165px}.flag-btn,.flag-btn img{width:34px;height:23px}.hero h1,.labs-hero h1{font-size:30px}.hero p,.labs-hero p{font-size:16px}.moonbot{width:310px}.cta-row{gap:12px}.btn{width:100%;font-size:15px}.hero-capabilities{grid-template-columns:1fr}.card{padding:22px}.card h3{font-size:24px}.price-row{grid-template-columns:1fr}.copy-grid,.method-grid,.service-grid,.portfolio-grid,.process-grid,.architecture-grid{grid-template-columns:1fr}.section-title h2{font-size:20px}.footer{padding:26px 16px}.contact-card{grid-template-columns:1fr;text-align:center}.contact-card img{margin:auto}}


/* ======================================================================
   ROBOTAONE FINAL V3 PATCH — MUST STAY AT END OF FILE
   Restores gold/black visual effects, clean hero image, exact flags,
   and premium Labs styling.
   ====================================================================== */

.logo{
  mix-blend-mode:normal!important;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.22))
    drop-shadow(0 0 20px rgba(216,171,50,.48))
    drop-shadow(0 0 46px rgba(216,171,50,.22))!important;
}

.header{
  background:rgba(0,0,0,.88)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.72),
    0 1px 0 rgba(216,171,50,.28)!important;
}

.lang-switch{
  background:linear-gradient(180deg,rgba(30,23,6,.95),rgba(0,0,0,.82))!important;
  border:1px solid rgba(216,171,50,.28)!important;
  box-shadow:0 0 24px rgba(216,171,50,.14)!important;
}

.flag-btn{
  width:42px!important;
  height:30px!important;
  border-radius:6px!important;
  overflow:visible!important;
  background:transparent!important;
}

.flag-btn img{
  width:42px!important;
  height:30px!important;
  object-fit:contain!important;
  display:block!important;
}

.flag-btn.active,
.flag-btn:hover{
  opacity:1!important;
  filter:
    drop-shadow(0 0 10px rgba(255,205,65,.95))
    drop-shadow(0 0 20px rgba(216,171,50,.55))!important;
  transform:translateY(-1px)!important;
}

.page-bg{
  background:
    radial-gradient(circle at 50% 7%, rgba(216,171,50,.22), transparent 19%),
    radial-gradient(circle at 12% 28%, rgba(216,171,50,.17), transparent 22%),
    radial-gradient(circle at 88% 28%, rgba(216,171,50,.15), transparent 22%),
    linear-gradient(180deg,#050505 0%,#000 42%,#030303 100%)!important;
}

.page-bg::before{
  opacity:.42!important;
  background-image:
    linear-gradient(rgba(216,171,50,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.11) 1px, transparent 1px)!important;
  background-size:64px 64px!important;
}

.page-bg::after{
  opacity:.55!important;
}

.section{
  box-shadow:
    0 22px 62px rgba(0,0,0,.68),
    0 0 44px rgba(216,171,50,.13),
    inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

.hero{
  min-height:580px!important;
  background:
    radial-gradient(circle at 22% 60%, rgba(216,171,50,.24), transparent 25%),
    radial-gradient(circle at 70% 56%, rgba(216,171,50,.08), transparent 25%),
    linear-gradient(180deg,rgba(8,8,8,.58),rgba(0,0,0,.95))!important;
  overflow:hidden!important;
}

.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 31% 80%, rgba(255,198,43,.26), transparent 10%),
    linear-gradient(rgba(216,171,50,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.10) 1px, transparent 1px)!important;
  background-size:auto,48px 48px,48px 48px!important;
  mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 82%, transparent 100%)!important;
  opacity:.46!important;
}

.hero::after{
  content:""!important;
  position:absolute!important;
  left:4%!important;
  right:4%!important;
  bottom:16px!important;
  height:170px!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 22% 72%, rgba(216,171,50,.48), transparent 15%),
    radial-gradient(ellipse at 50% 100%, rgba(216,171,50,.20), transparent 44%)!important;
  opacity:.66!important;
}

.hero-art,
.hero-copy{
  position:relative!important;
  z-index:2!important;
}

.hero-art{
  min-height:430px!important;
}

.moonbot{
  width:min(455px,100%)!important;
  background:transparent!important;
  border:0!important;
  filter:
    drop-shadow(0 0 18px rgba(255,255,255,.18))
    drop-shadow(0 0 38px rgba(216,171,50,.46))
    drop-shadow(0 0 76px rgba(216,171,50,.22))!important;
  mix-blend-mode:normal!important;
}

.gold-rings{
  width:390px!important;
  height:105px!important;
  bottom:8px!important;
  border-color:rgba(216,171,50,.48)!important;
  box-shadow:
    0 0 32px rgba(216,171,50,.36),
    0 0 76px rgba(216,171,50,.20),
    inset 0 0 30px rgba(216,171,50,.13)!important;
}

.gold-rings::before,
.gold-rings::after{
  content:"";
  position:absolute;
  inset:13px 28px;
  border:1px solid rgba(216,171,50,.28);
  border-radius:50%;
}

.gold-rings::after{
  inset:27px 58px;
  opacity:.7;
}

.hero h1{
  text-shadow:
    0 0 16px rgba(255,255,255,.20),
    0 0 34px rgba(216,171,50,.11)!important;
}

.btn-discord{
  box-shadow:
    0 0 24px rgba(115,87,255,.45),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.btn-telegram{
  box-shadow:
    0 0 24px rgba(24,185,255,.42),
    inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.trust .ico,
.card-logo,
.arch-step b,
.process-card b{
  box-shadow:0 0 26px rgba(216,171,50,.18)!important;
}

.cards-section,
.labs-services,
.process,
.faq,
.contact,
.portfolio,
.labs-hero{
  background:
    radial-gradient(circle at 50% 0%, rgba(216,171,50,.10), transparent 22%),
    linear-gradient(180deg,rgba(8,8,8,.90),rgba(1,1,1,.97))!important;
}

/* Labs visual refresh */
.labs-hero{
  min-height:440px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  gap:36px!important;
  overflow:hidden!important;
}

.labs-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 35%, rgba(216,171,50,.15), transparent 25%),
    linear-gradient(rgba(216,171,50,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.075) 1px, transparent 1px);
  background-size:auto,58px 58px,58px 58px;
  opacity:.38;
}

.labs-hero > *{
  position:relative;
  z-index:2;
}

.code-panel{
  box-shadow:
    0 24px 62px rgba(0,0,0,.68),
    0 0 48px rgba(216,171,50,.13)!important;
}

@media(max-width:980px){
  .hero{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }

  .hero-art{
    min-height:330px!important;
  }

  .moonbot{
    width:min(390px,92vw)!important;
  }

  .labs-hero{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:680px){
  .flag-btn,
  .flag-btn img{
    width:34px!important;
    height:25px!important;
  }

  .hero{
    min-height:auto!important;
  }

  .hero h1{
    font-size:36px!important;
  }

  .hero-art{
    min-height:270px!important;
  }

  .moonbot{
    width:min(315px,90vw)!important;
  }

  .gold-rings{
    width:285px!important;
    height:78px!important;
  }
}


/* ======================================================================
   ROBOTAONE V4 EFFECTS — FINAL VISUAL RESTORE
   New file: styles-v4.css, loaded explicitly by both pages.
   ====================================================================== */

:root{
  --fx-gold:#d8ab32;
  --fx-gold-strong:#ffd45a;
  --fx-gold-soft:rgba(216,171,50,.18);
}

body{
  background:#000!important;
}

.logo{
  mix-blend-mode:normal!important;
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.24))
    drop-shadow(0 0 20px rgba(216,171,50,.56))
    drop-shadow(0 0 52px rgba(216,171,50,.24))!important;
}

.header{
  background:
    radial-gradient(circle at 18% 40%, rgba(216,171,50,.08), transparent 18%),
    rgba(0,0,0,.90)!important;
  border-bottom:1px solid rgba(216,171,50,.34)!important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.75),
    0 1px 0 rgba(216,171,50,.22)!important;
}

.page-bg{
  background:
    url('/assets/hero-effects-v4.png?v=4effects') top center / 1500px auto no-repeat,
    radial-gradient(circle at 50% 6%, rgba(216,171,50,.23), transparent 18%),
    radial-gradient(circle at 10% 25%, rgba(216,171,50,.20), transparent 22%),
    radial-gradient(circle at 90% 25%, rgba(216,171,50,.16), transparent 22%),
    linear-gradient(180deg,#050505 0%,#000 43%,#030303 100%)!important;
}

.page-bg::before{
  opacity:.52!important;
  background-image:
    linear-gradient(rgba(216,171,50,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.12) 1px, transparent 1px)!important;
  background-size:64px 64px!important;
  mask-image:radial-gradient(circle at 50% 30%,#000 0 36%,transparent 82%)!important;
}

.page-bg::after{
  opacity:.65!important;
  background:
    radial-gradient(circle at 50% 9%, rgba(255,215,105,.08), transparent 18%),
    radial-gradient(circle at left 33%, transparent 0 12%, rgba(216,171,50,.44) 12.25% 12.55%, transparent 12.9%),
    radial-gradient(circle at right 33%, transparent 0 12%, rgba(216,171,50,.44) 12.25% 12.55%, transparent 12.9%)!important;
}

.section{
  border-color:rgba(216,171,50,.30)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.72),
    0 0 48px rgba(216,171,50,.16),
    inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

.hero{
  min-height:585px!important;
  background:
    url('/assets/hero-effects-v4.png?v=4effects') center / cover no-repeat,
    radial-gradient(circle at 21% 60%, rgba(216,171,50,.30), transparent 26%),
    radial-gradient(circle at 72% 55%, rgba(216,171,50,.10), transparent 28%),
    linear-gradient(180deg,rgba(8,8,8,.56),rgba(0,0,0,.96))!important;
  overflow:hidden!important;
}

.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  background:
    linear-gradient(rgba(216,171,50,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.12) 1px, transparent 1px),
    radial-gradient(circle at 28% 78%, rgba(255,204,62,.28), transparent 10%)!important;
  background-size:52px 52px,52px 52px,auto!important;
  mask-image:linear-gradient(180deg, transparent 0%, #000 20%, #000 86%, transparent 100%)!important;
  opacity:.48!important;
}

.hero::after{
  content:""!important;
  position:absolute!important;
  left:3%!important;
  right:3%!important;
  bottom:0!important;
  height:210px!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    radial-gradient(ellipse at 24% 70%, rgba(255,217,98,.42), transparent 16%),
    radial-gradient(ellipse at 50% 100%, rgba(216,171,50,.24), transparent 46%),
    linear-gradient(90deg, transparent, rgba(216,171,50,.12), transparent)!important;
  opacity:.80!important;
}

.hero-art,
.hero-copy{
  position:relative!important;
  z-index:3!important;
}

.hero-art{
  min-height:430px!important;
}

.moonbot{
  width:min(455px,100%)!important;
  background:transparent!important;
  border:0!important;
  filter:
    drop-shadow(0 0 22px rgba(255,255,255,.22))
    drop-shadow(0 0 42px rgba(216,171,50,.58))
    drop-shadow(0 0 86px rgba(216,171,50,.30))!important;
  mix-blend-mode:normal!important;
}

.gold-rings{
  width:440px!important;
  height:120px!important;
  bottom:-2px!important;
  border:1px solid rgba(255,211,82,.52)!important;
  border-radius:50%!important;
  box-shadow:
    0 0 36px rgba(255,211,82,.45),
    0 0 90px rgba(216,171,50,.28),
    inset 0 0 34px rgba(216,171,50,.15)!important;
}

.gold-rings::before,
.gold-rings::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,211,82,.28);
  border-radius:50%;
}

.gold-rings::before{inset:13px 32px}
.gold-rings::after{inset:29px 70px;opacity:.72}

.hero h1{
  text-shadow:
    0 0 16px rgba(255,255,255,.24),
    0 0 42px rgba(216,171,50,.14)!important;
}

.kicker{
  text-shadow:0 0 18px rgba(216,171,50,.24)!important;
}

.btn-discord{
  box-shadow:
    0 0 28px rgba(115,87,255,.52),
    0 0 52px rgba(115,87,255,.20),
    inset 0 1px 0 rgba(255,255,255,.26)!important;
}

.btn-telegram{
  box-shadow:
    0 0 28px rgba(24,185,255,.48),
    0 0 52px rgba(24,185,255,.18),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.trust .ico,
.card-logo,
.arch-step b,
.process-card b,
.ex-logo,
.disabled-card{
  box-shadow:0 0 28px rgba(216,171,50,.20)!important;
}

.cards-section,
.labs-services,
.process,
.faq,
.contact,
.portfolio,
.labs-hero{
  background:
    url('/assets/section-effects-v4.png?v=4effects') top center / cover no-repeat,
    radial-gradient(circle at 50% 0%, rgba(216,171,50,.12), transparent 23%),
    linear-gradient(180deg,rgba(8,8,8,.91),rgba(1,1,1,.98))!important;
}

.card,
.service,
.portfolio-card,
.process-card,
.arch-step,
.contact-card,
details{
  box-shadow:
    0 14px 36px rgba(0,0,0,.58),
    0 0 28px rgba(216,171,50,.08),
    inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

.card:hover,
.service:hover,
.portfolio-card:hover,
.contact-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.64),
    0 0 42px rgba(216,171,50,.16),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

.lang-switch{
  background:linear-gradient(180deg,rgba(36,26,4,.96),rgba(0,0,0,.88))!important;
  border:1px solid rgba(216,171,50,.36)!important;
  box-shadow:0 0 28px rgba(216,171,50,.18)!important;
}

.flag-btn{
  width:42px!important;
  height:30px!important;
  border-radius:7px!important;
  overflow:visible!important;
}

.flag-btn img{
  width:42px!important;
  height:30px!important;
  display:block!important;
  object-fit:contain!important;
}

.flag-btn.active,
.flag-btn:hover{
  filter:
    drop-shadow(0 0 10px rgba(255,214,88,.98))
    drop-shadow(0 0 24px rgba(216,171,50,.62))!important;
}

/* Labs visual refresh matching the new homepage */
.labs-hero{
  min-height:450px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  gap:36px!important;
  overflow:hidden!important;
  background:
    url('/assets/hero-effects-v4.png?v=4effects') center / cover no-repeat,
    radial-gradient(circle at 20% 36%, rgba(216,171,50,.18), transparent 28%),
    linear-gradient(180deg,rgba(8,8,8,.72),rgba(0,0,0,.96))!important;
}

.labs-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(216,171,50,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,171,50,.10) 1px, transparent 1px);
  background-size:58px 58px;
  opacity:.45;
  mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 86%, transparent 100%);
}

.labs-hero > *{
  position:relative;
  z-index:2;
}

.code-panel{
  box-shadow:
    0 26px 70px rgba(0,0,0,.72),
    0 0 54px rgba(216,171,50,.16)!important;
}

@media(max-width:980px){
  .hero{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .hero-art{min-height:335px!important}
  .moonbot{width:min(390px,92vw)!important}
  .labs-hero{grid-template-columns:1fr!important}
}

@media(max-width:680px){
  .flag-btn,
  .flag-btn img{
    width:34px!important;
    height:25px!important;
  }
  .hero{
    min-height:auto!important;
  }
  .hero h1{
    font-size:36px!important;
  }
  .hero-art{
    min-height:270px!important;
  }
  .moonbot{
    width:min(315px,90vw)!important;
  }
  .gold-rings{
    width:300px!important;
    height:84px!important;
  }
}


/* ======================================================================
   ROBOTAONE PORTAL LOGIN — V5 inactive page
   ====================================================================== */

body[data-page="login"]{
  min-height:100vh;
  background:#0b1119!important;
  color:#f6f8fb;
  overflow-x:hidden;
  font-family:Arial, Helvetica, sans-serif;
}

.portal-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 50% 12%, rgba(25,34,48,.72), transparent 34%),
    radial-gradient(circle at 8% 58%, rgba(31,151,255,.12), transparent 18%),
    radial-gradient(circle at 92% 58%, rgba(31,151,255,.14), transparent 18%),
    linear-gradient(180deg,#0c131d 0%,#09111b 54%,#0a111b 100%);
}

.portal-bg::before,
.portal-bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.portal-bg::before{
  background:
    radial-gradient(circle at 0% 61%, rgba(35,155,255,.11), transparent 16%),
    radial-gradient(circle at 100% 60%, rgba(35,155,255,.12), transparent 16%);
  filter:blur(1px);
}

.portal-bg::after{
  opacity:.55;
  background-image:
    radial-gradient(circle, rgba(64,155,255,.42) 0 1px, transparent 1.4px);
  background-size:16px 16px;
  mask-image:
    radial-gradient(ellipse at 0% 58%, black 0 18%, transparent 40%),
    radial-gradient(ellipse at 100% 58%, black 0 18%, transparent 40%);
}

.portal-page{
  width:100%;
  min-height:calc(100vh - 118px);
  display:grid;
  place-items:center;
  padding:34px 20px 28px;
}

.portal-shell{
  position:relative;
  width:min(100%, 1180px);
  margin:0 auto;
}

.portal-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 auto 26px;
  text-align:center;
}

.portal-logo-link{
  display:block;
  text-decoration:none;
}

.portal-logo-img{
  width:min(390px, 78vw);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.16))
    drop-shadow(0 0 24px rgba(216,171,50,.24));
}

.portal-brand p{
  margin:12px 0 12px;
  text-transform:uppercase;
  letter-spacing:.23em;
  color:#9da8b9;
  font-size:18px;
  font-weight:800;
}

.portal-gold-line{
  width:70px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#d8ab32,transparent);
  box-shadow:0 0 18px rgba(216,171,50,.45);
}

.portal-lang{
  position:absolute;
  top:6px;
  right:0;
  display:flex;
  gap:10px;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(216,171,50,.22);
  border-radius:14px;
  background:rgba(4,8,14,.58);
  box-shadow:0 0 22px rgba(216,171,50,.08);
}

.portal-content{
  position:relative;
  min-height:606px;
  display:grid;
  place-items:center;
}

.login-card{
  position:relative;
  z-index:3;
  width:min(100%, 575px);
  padding:58px 50px 48px;
  border:1px solid rgba(160,175,198,.28);
  border-radius:17px;
  background:
    linear-gradient(180deg, rgba(21,29,43,.76), rgba(12,18,29,.82));
  box-shadow:
    0 28px 70px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 60px rgba(72,112,160,.05);
  backdrop-filter:blur(10px);
}

.lock-circle{
  width:70px;
  height:70px;
  margin:0 auto 26px;
  display:grid;
  place-items:center;
  border:2px solid #d8ab32;
  border-radius:999px;
  color:#d8ab32;
  font-size:31px;
  box-shadow:0 0 24px rgba(216,171,50,.18);
}

.login-card h1{
  margin:0;
  text-align:center;
  color:#fff;
  font-size:30px;
  letter-spacing:-.02em;
}

.login-card > p{
  margin:13px auto 28px;
  text-align:center;
  color:#a5afbf;
  font-size:16px;
}

.inactive-badge{
  margin:-12px auto 26px;
  width:max-content;
  max-width:100%;
  padding:7px 14px;
  border:1px solid rgba(216,171,50,.35);
  border-radius:999px;
  color:#d8ab32;
  background:rgba(216,171,50,.06);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.field-label{
  display:block;
  color:#f5f7fb;
  font-size:14px;
  font-weight:800;
  margin:0 0 11px;
}

.input-wrap{
  height:58px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 15px;
  margin-bottom:25px;
  border:1px solid rgba(174,188,210,.32);
  border-radius:7px;
  background:rgba(6,11,19,.50);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}

.input-wrap span{
  color:#9ca9bb;
  font-size:18px;
  width:25px;
  text-align:center;
}

.input-wrap input{
  flex:1;
  min-width:0;
  background:transparent;
  border:0;
  outline:0;
  color:#d8dee9;
  font-size:16px;
  opacity:.9;
}

.input-wrap input::placeholder{
  color:#6f7a89;
}

.input-wrap input:disabled{
  cursor:not-allowed;
}

.eye-btn{
  border:0;
  background:transparent;
  color:#9ca9bb;
  font-size:18px;
  cursor:not-allowed;
}

.form-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:-2px 0 24px;
  color:#dfe4ed;
  font-size:14px;
}

.remember{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.remember input{
  width:18px;
  height:18px;
  appearance:none;
  border:1px solid rgba(174,188,210,.45);
  border-radius:4px;
  background:rgba(6,11,19,.45);
}

.form-row a{
  color:#d8ab32;
  text-decoration:none;
}

.login-submit{
  width:100%;
  min-height:55px;
  border:0;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#251900;
  background:linear-gradient(180deg,#ffd35d,#d89b21);
  box-shadow:
    0 14px 30px rgba(216,171,50,.20),
    inset 0 1px 0 rgba(255,255,255,.28);
  font-size:16px;
  cursor:not-allowed;
  opacity:.82;
}

.login-submit strong{
  font-size:17px;
}

.security-row{
  margin-top:28px;
  padding-top:28px;
  border-top:1px solid rgba(174,188,210,.12);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.security-row article{
  display:grid;
  grid-template-columns:32px 1fr;
  column-gap:10px;
  align-items:center;
}

.security-row article span{
  grid-row:1 / span 2;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  color:#d8ab32;
  border:1px solid rgba(216,171,50,.6);
  border-radius:8px;
  font-size:15px;
}

.security-row strong{
  color:#fff;
  font-size:11px;
  line-height:1.2;
}

.security-row small{
  color:#9ba7b7;
  font-size:11px;
  line-height:1.2;
}

.portal-help{
  margin:18px 0 0;
  text-align:center;
  color:#a4adbc;
  font-size:14px;
}

.portal-help a{
  color:#d8ab32;
  text-decoration:none;
}

.portal-shield{
  position:absolute;
  z-index:1;
  right:46px;
  top:4px;
  width:360px;
  height:420px;
  opacity:.42;
  pointer-events:none;
}

.shield-line{
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, transparent 0 18%, rgba(83,129,178,.18) 18.2% 18.9%, transparent 19.2%),
    radial-gradient(circle at 50% 45%, rgba(96,147,200,.12), transparent 27%);
  clip-path:polygon(50% 0, 94% 18%, 84% 78%, 50% 100%, 16% 78%, 6% 18%);
  border:1px solid rgba(96,147,200,.16);
}

.shield-line::before{
  content:"";
  position:absolute;
  inset:18px 26px;
  clip-path:polygon(50% 0, 94% 18%, 84% 78%, 50% 100%, 16% 78%, 6% 18%);
  border:1px solid rgba(96,147,200,.20);
}

.shield-lock{
  position:absolute;
  top:136px;
  left:50%;
  transform:translateX(-50%);
  width:122px;
  height:132px;
  border-radius:18px;
  background:rgba(25,37,54,.42);
  color:rgba(104,132,162,.42);
  display:grid;
  place-items:center;
  font-size:64px;
  box-shadow:0 0 40px rgba(40,80,130,.12);
}

.portal-footer{
  min-height:118px;
  padding:26px 6vw;
  border-top:1px solid rgba(160,175,198,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  color:#8f9bad;
  background:rgba(8,14,24,.64);
}

.portal-footer > div{
  display:flex;
  align-items:center;
  gap:13px;
}

.mini-shield{
  width:34px;
  height:34px;
  border:1px solid rgba(160,175,198,.28);
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#9fb1c7;
}

.portal-footer strong{
  display:block;
  color:#9da8b9;
  margin-bottom:5px;
}

.portal-footer p{
  margin:0;
  font-size:13px;
}

.portal-footer nav{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}

.portal-footer nav a{
  color:#a0aabc;
  text-decoration:none;
  font-size:13px;
}

.portal-footer nav a:hover{
  color:#d8ab32;
}

@media(max-width:1120px){
  .portal-shield{
    right:0;
    opacity:.22;
  }
}

@media(max-width:820px){
  .portal-page{
    padding:24px 16px;
  }

  .portal-lang{
    position:static;
    width:max-content;
    margin:0 auto 18px;
  }

  .portal-content{
    min-height:auto;
  }

  .portal-shield{
    display:none;
  }

  .login-card{
    padding:42px 28px 36px;
  }

  .security-row{
    grid-template-columns:1fr;
  }

  .portal-footer{
    flex-direction:column;
    text-align:center;
    align-items:center;
  }

  .portal-footer nav{
    justify-content:center;
  }
}

@media(max-width:520px){
  .portal-logo-img{
    width:290px;
  }

  .portal-brand p{
    font-size:13px;
    letter-spacing:.18em;
  }

  .login-card{
    padding:34px 18px 28px;
    border-radius:14px;
  }

  .login-card h1{
    font-size:25px;
  }

  .login-card > p{
    font-size:14px;
  }

  .form-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .portal-footer nav{
    gap:16px;
  }
}