:root{
  /* Light palette */
  --bg1:#c6f8ff; --bg2:#c6f8ff; --bg3:#c6f8ff;
  --card:#ffffff; --text:#0f172a; --muted:#64748b;
  --accent:#3b82f6; --accent-2:#60a5fa;
  --ok:#22c55e; --warn:#f59e0b; --danger:#ef4444;
  --shadow-lg:0 20px 40px rgba(0,0,0,.08);
  --shadow-md:0 8px 20px rgba(0,0,0,.06);
  --r-out:28px; --r-in:18px; --maxw:1100px;
  --glass-bg: rgba(255,255,255,.6); --glass-border: rgba(0,0,0,.08);
  --chip-bg:#fff; --chip-text:#0f172a; --btn-bg:#eef3ff; --btn-text:#0f172a;
}
/* Dark overrides */
html[data-theme="dark"]{
  --bg1:#111827; --bg2:#1f2937; --bg3:#374151;
  --card:#0b1220; --text:#e5efff; --muted:#a7b3c9;
  --glass-bg: rgba(17,25,40,.55); --glass-border: rgba(255,255,255,.12);
  --chip-bg:#121a2a; --chip-text:#e8f0ff; --btn-bg:#152238; --btn-text:#e8f0ff;
  --shadow-lg:0 20px 40px rgba(0,0,0,.35);
  --shadow-md:0 8px 20px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html,body{height:100%}
body {
  margin:0; color:var(--text);
  font:16px/1.6 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    background:
    radial-gradient(1600px 1100px at 12% -10%, var(--bg2) 0, var(--bg1) 70%),
    radial-gradient(1400px 1000px at 88% -12%, var(--bg3) 0, var(--bg1) 70%),
    var(--bg1);
  background-repeat: no-repeat;
  overflow-x:hidden;
}

/* Sticky glass header */
.site-header{
  position:sticky; top:0; z-index:40;
  backdrop-filter: blur(10px);
  background: var(--glass-bg);
  border-bottom:1px solid var(--glass-border);
}
.header-inner{
  max-width:var(--maxw); margin:0 auto; padding:10px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.logo{height:44px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}
.logo:hover{transform:translateY(-1px); transition:transform .15s}

.main-nav{
  position:relative;
  display:flex; flex-wrap:wrap; gap:10px; background:var(--card);
  border:1px solid var(--glass-border); border-radius:999px; padding:6px;
  box-shadow:var(--shadow-md);
}
.main-nav .nav-item{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px; text-decoration:none;
  color:var(--text); font-weight:700; letter-spacing:.2px; transition:color .2s, transform .05s;
}
.main-nav .nav-item:hover{transform:translateY(-1px)}
.nav-indicator {
  position:absolute; 
  top:6px; bottom:6px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 6px 14px rgba(59,130,246,.35);
  transition: left 0.35s cubic-bezier(.25,1,.5,1), 
              width 0.35s cubic-bezier(.25,1,.5,1);
  z-index:0;
}
.main-nav .active{color:#fff}

/* Theme toggle */
.toggle{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  padding:6px 10px; border-radius:999px; border:1px solid var(--glass-border);
  background:var(--card); font-weight:800; user-select:none;
}
.toggle .knob{
  width:22px; height:22px; border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 6px 12px rgba(59,130,246,.35);
  transition:transform .25s;
}
html[data-theme="dark"] .toggle .knob{ transform:translateX(18px) }

/* Canvas wrapper */
.wrap{min-height:calc(100dvh - 140px); padding:16px; position:relative}
#fx{position:fixed; inset:0; z-index:-1}

/* Sheet */
.sheet{
  width:100%; max-width:var(--maxw); margin:0 auto;
  background:var(--card); color:var(--text);
  border-radius:var(--r-out); box-shadow:var(--shadow-lg);
  padding:clamp(20px,3vw,32px); position:relative; isolation:isolate; overflow:hidden;
  border:1px solid var(--glass-border);
}
.sheet::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;
  background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(96,165,250,.15));
  filter:blur(8px);
}

/* Hero grid */
.hero{
  display:grid; grid-template-columns:1.1fr .9fr; gap:24px;
  align-items:center; margin-bottom:18px;
}
.hero-card{
  border:1px solid var(--glass-border); border-radius:18px; padding:22px;
  background:linear-gradient(180deg,rgba(59,130,246,.10),rgba(59,130,246,.04));
  box-shadow:var(--shadow-md);
}
.kicker{font-weight:800; color:var(--accent); letter-spacing:.3px; margin:0 0 6px}
.hero h1{margin:0 0 10px; font-size:clamp(24px,3.2vw,34px); line-height:1.15}
.hero p{margin:0 0 14px; color:var(--muted)}
.quick{display:flex; flex-wrap:wrap; gap:10px}
.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px; border:1px solid var(--glass-border);
  background:var(--chip-bg); color:var(--chip-text);
  text-decoration:none; font-weight:800; box-shadow:var(--shadow-md);
  transition:transform .15s ease, box-shadow .2s ease;
}
.chip:hover{transform:translateY(-1px)}
.chip.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff; border:none}

.logo-hero{
  border:1px solid var(--glass-border); border-radius:18px; padding:16px;
  box-shadow:var(--shadow-md); background:var(--card);
  display:grid; place-items:center;
}
.logo-hero img{
  width:min(340px, 80%); aspect-ratio:1/1; object-fit:contain; border-radius:50%;
  box-shadow:0 8px 26px rgba(59,130,246,.35);
}

/* Cards */
.grid-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:16px 0 6px}
.card{
  border:1px solid var(--glass-border); border-radius:16px; padding:18px; background:var(--card); box-shadow:var(--shadow-md);
  display:flex; flex-direction:column; gap:8px; position:relative; overflow:hidden;
}
.card h3{margin:0; font-size:18px}
.card p{margin:0; color:var(--muted)}
.btn{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px;
  border-radius:12px; text-decoration:none; font-weight:800;
  border:1px solid rgba(59,130,246,.2); color:var(--btn-text); background:var(--btn-bg);
  transition:transform .12s ease, box-shadow .2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff; border:none}

/* Announce + Values */
.two-col{display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-top:8px}
.announce{border:1px solid var(--glass-border); border-radius:16px; padding:16px; background:var(--card); box-shadow:var(--shadow-md)}
.announce h3{margin:0 0 8px; display:flex; align-items:center; gap:8px}
.pulse{position:relative; display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:800; background:#10b981; color:#fff}
.pulse::after{
  content:""; position:absolute; inset:0; border-radius:999px; box-shadow:0 0 0 0 rgba(16,185,129,.6);
  animation:pulse 1.6s infinite;
}
@keyframes pulse{to{box-shadow:0 0 0 14px rgba(16,185,129,0)}}
.note{
  display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius:12px;
  background:linear-gradient(180deg,#f6f9ff,#f1f5ff);
  color:var(--text);
  margin:8px 0; border:1px solid rgba(59,130,246,.15)
}
html[data-theme="dark"] .note{ background:linear-gradient(180deg,#0f1a2b,#0c1626); border-color:#1f2a3c }

.values{border:1px solid var(--glass-border); border-radius:16px; padding:16px; background:var(--card); box-shadow:var(--shadow-md)}
.values h3{margin:0 0 8px}
.pill-grid{display:grid; grid-template-columns:1fr; gap:10px}
.pill{
  display:flex; align-items:center; gap:12px; padding:12px; border-radius:999px; background:linear-gradient(180deg,#f6f9ff,#f1f5ff);
  border:1px solid rgba(59,130,246,.14); box-shadow:0 6px 14px rgba(0,0,0,.04); color:var(--text);
}
html[data-theme="dark"] .pill{ background:linear-gradient(180deg,#0f1a2b,#0c1626); border-color:#1f2a3c }
.pill .bub{
  width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff; font-weight:900; box-shadow:0 8px 22px rgba(59,130,246,.25);
}

.doc-footer{margin-top:18px; color:var(--muted); font-size:13px; text-align:center}

/* Scroll-to-top */
.to-top{
  position:fixed; right:18px; bottom:18px; z-index:50;
  width:42px; height:42px; border-radius:999px; border:1px solid var(--glass-border);
  background:var(--card); box-shadow:var(--shadow-md); display:grid; place-items:center;
  opacity:0; transform:translateY(10px); pointer-events:none; transition:opacity .2s, transform .2s, background .2s;
}
.to-top.show{opacity:1; transform:translateY(0); pointer-events:auto}
.to-top:hover{transform:translateY(-2px)}

@media (max-width:960px){
  .hero{grid-template-columns:1fr; gap:14px}
  .logo-hero img{width:min(300px, 70%)}
  .grid-cards{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
}
@media (max-width:600px){
  .grid-cards{grid-template-columns:1fr}
  .logo{height:40px}
  .sheet{border-radius:20px; padding:18px}
}
/* === Theme switch (nou) === */
.theme-switch{
  --h: 36px; --w: 72px;
  position: relative; width: var(--w); height: var(--h);
  border-radius: 999px; border:1px solid var(--glass-border);
  background: var(--glass-bg); backdrop-filter: blur(10px);
  box-shadow: var(--shadow-md) inset, 0 6px 18px rgba(0,0,0,.10);
  display: inline-grid; place-items:center;
  padding: 0; cursor: pointer;
}
.theme-switch .thumb{
  position:absolute; left:4px; top:50%; transform:translateY(-50%);
  width: calc(var(--h) - 8px); height: calc(var(--h) - 8px);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 10px 24px rgba(59,130,246,.40);
  transition: left .28s cubic-bezier(.2,.8,.2,1), box-shadow .2s;
}
.theme-switch:active .thumb{ box-shadow: 0 6px 16px rgba(59,130,246,.35); }
.theme-switch .icons{
  position:absolute; inset:0; display:grid; grid-template-columns:1fr 1fr; align-items:center;
  padding: 0 10px; pointer-events:none;
}
.theme-switch .sun,.theme-switch .moon{ width:18px; height:18px; transition: transform .35s, opacity .25s; }
.theme-switch .sun{ fill:#FDB813; stroke:#FDB813; stroke-width:1.4; }
.theme-switch .sun .rays line{ stroke:#FDB813; stroke-width:1.6; stroke-linecap:round; }
.theme-switch .moon{ fill:#FDB813(87.3% -0.00696 0.17841); opacity:.6; }

/* stări */
html[data-theme="dark"] .theme-switch .thumb{ left: calc(var(--w) - var(--h) + 4px); }
html[data-theme="dark"] .theme-switch .sun{ transform: rotate(40deg) scale(.85); opacity:.45; }
html[data-theme="dark"] .theme-switch .moon{ transform: rotate(-8deg) scale(1); opacity:1; }
html[data-theme="light"] .theme-switch .sun{ transform: rotate(0) scale(1); opacity:1; }
html[data-theme="light"] .theme-switch .moon{ transform: rotate(12deg) scale(.9); opacity:.5; }
/* aliniere + anti-clipping pentru iconițe din meniu */
.main-nav .nav-item{
  display: inline-flex;
  align-items: center;
  line-height: 1;              /* elimină tăierea pe verticală */
}

.main-nav .nav-item svg{
  width: 20px;                 /* 18–20px e ok; încearcă 20px ca să respiri */
  height: 20px;
  margin-right: 6px;
  display: block;              /* scoate baseline-ul textului */
  overflow: visible;           /* lasă stroke-ul să iasă fără să fie tăiat */
  stroke-width: 2;             /* păstrează grosimea standard Lucide */
}




@media (max-width: 1100px){
  body{
    background:
      radial-gradient(1200px 900px at 50% -20%, var(--bg2) 0, var(--bg1) 65%),
      radial-gradient(900px 700px at 50% -35%, var(--bg3) 0, var(--bg1) 65%),
      var(--bg1);
    background-repeat: no-repeat;
  }
}