:root{
  --gw-gold:#d4af37; --gw-gold-soft:#f4e4a6; --gw-navy:#0b1a2e; --gw-pastel1:#f6f7fb; --gw-pastel2:#e6f0ff; --gw-pastel3:#fff7dc;
}

/* Header: black bar + shimmering brand */
header{background:#000 !important;color:#f9f4da !important;border-bottom:1px solid rgba(255,255,255,.12)}
header .brand-name{
  font-family:"Times New Roman",Times,serif;font-weight:700;white-space:nowrap;
  background:linear-gradient(90deg,#d4af37 0%,#f9e79f 25%,#d4af37 50%,#f9e79f 75%,#d4af37 100%);
  background-size:400%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gwShine 6s linear infinite;text-shadow:0 0 8px rgba(212,175,55,.35);
  font-size:clamp(24px,3.2vw,44px);
}
.logo{width:80px !important;height:80px !important;background:#000;border-radius:14px;
  box-shadow:inset 0 0 0 2px rgba(212,175,55,.9),0 8px 24px rgba(0,0,0,.28)}
.logo img{width:88% !important;height:88% !important;object-fit:contain}
@keyframes gwShine{0%{background-position:0%}100%{background-position:400%}}

/* Pastel oceanic background (animated) */
body::before{content:"";position:fixed;inset:0;z-index:-2;
  background: radial-gradient(1000px 520px at 80% -10%, rgba(212,175,55,.12), transparent);}
body::after{content:"";position:fixed;inset:0;z-index:-3;
  background: linear-gradient(115deg, #0b1a2e 0%, #0b1a2e 15%, #e6f0ff 45%, #fff7dc 70%, #f6f7fb 100%);
  background-size: 200% 200%;animation: oceanShift 18s ease-in-out infinite;}
@keyframes oceanShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Goldy central overlay (during intro) */
#gw-goldy-center{position:fixed;inset:0;z-index:130;display:none;place-items:center;background:transparent;}
#gw-goldy-center.active{display:grid;animation:fadeIn .4s ease forwards}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* Floating Goldy bottom-left */
#gw-goldy3d{position:fixed;left:16px;bottom:16px;z-index:80;width:150px;height:150px;
  display:none;place-items:center;border-radius:50%;cursor:pointer;transform:translateZ(0);}
#gw-goldy3d.ready{display:grid;}
#gw-goldy3d .halo{position:absolute;inset:-18px;border-radius:50%;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.65) 0%, rgba(244,228,166,.70) 28%, rgba(212,175,55,.85) 60%, rgba(212,175,55,0) 80%);
  filter: blur(7px);animation: breath 6s ease-in-out infinite;}
#gw-goldy3d img, #gw-goldy-center img{max-width:95%;max-height:95%;mix-blend-mode:screen;filter:saturate(1.06) contrast(1.08); transition: transform .2s ease;}

/* Ripple on click */
.gw-ripple{position:absolute;border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 0 rgba(212,175,55,.45),0 0 0 6px rgba(244,228,166,.22),0 0 50px rgba(212,175,55,.25);
  animation:rip 1.2s ease-out forwards;}
@keyframes rip{to{transform:scale(3);opacity:0}}
@keyframes breath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* Splash screen (black -> pastel) */
#gw-splash{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:#000;color:#f9f4da;transition:opacity .6s ease;}
#gw-splash .inner{display:grid;place-items:center;gap:14px}
#gw-splash .logo-wrap{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#222,#000 70%)}
#gw-splash .logo-wrap img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(212,175,55,.6))}
#gw-splash .brand{font-family:"Times New Roman",serif;font-size:30px;background:linear-gradient(90deg,#d4af37,#f9e79f,#d4af37);background-size:400%;-webkit-background-clip:text;color:transparent;animation:gwShine 5s linear infinite}
#gw-splash .credit{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);font-family:"Times New Roman",serif;font-style:italic;
  background:linear-gradient(90deg,#f4e4a6,#d4af37,#f4e4a6);-webkit-background-clip:text;color:transparent;background-size:300%;animation:gwShine 8s linear infinite}
#gw-splash.pastel{background: linear-gradient(115deg, #0b1a2e 0%, #0b1a2e 15%, #e6f0ff 45%, #fff7dc 70%, #f6f7fb 100%);}

/* Replay button (bottom-right) */
#gw-replay{position:fixed;right:16px;bottom:16px;z-index:85;width:54px;height:54px;border-radius:999px;border:none;
  background: radial-gradient(circle at 30% 30%, #fff 0%, #f9e79f 35%, #d4af37 70%);
  box-shadow:0 10px 30px rgba(0,0,0,.25), inset 0 0 10px rgba(255,255,255,.35);cursor:pointer;font-size:20px;font-weight:900}
#gw-replay::after{content:"";position:absolute;inset:-10px;border-radius:999px;box-shadow:0 0 0 0 rgba(212,175,55,.0);animation:rePulse 6s ease-in-out infinite}
@keyframes rePulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.0)}50%{box-shadow:0 0 0 12px rgba(212,175,55,.25)}}
#gw-replay:hover{transform:translateY(-1px)}
#gw-replay[title]{color:#000}

/* Ensure organigram image looks crisp */
#echipa img[alt*="Organigram"], #echipa img[alt*="Organigramă"], #echipa img[src*="graphviz"]{
  display:block;max-width:100%;height:auto;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);
}