/* ============================================================
     DR. ANDU PREDA — pagina de încredere (CV), pe tema landing-ului.
     Prim-principiu: încrederea vine din DOVEZI verificabile — diplome cu ani,
     lucrarea cu link PubMed, presa internațională cu linkuri — prezentate
     scanabil, cu povestea originală păstrată. Finalul convertește (CTA program).
     ============================================================ */
  :root{
    --bg:#080B12; --bg-elev:#0F141C; --panel:#0D1117;
    --card-fill:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
    --card-bd:rgba(255,255,255,0.07);
    --fg:#ECECF3; --fg-2:#D3D3DD; --fg-body:#C8C8D4; --muted:#9B9BAC; --dim:#84879E;
    --accent-text:#D4C5FF; --ok-text:#A6F0C6; --focus:#9D7CFF;
    --grad-a:#00C2FF; --grad-b:#B521E9; --grad:linear-gradient(90deg,#00C2FF,#B521E9);
    --accent:#7C5CFC; --accent-rgb:124,92,252; --ok:#01DB69; --ok-rgb:1,219,105;
    --font-display:'Sora','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --dur-fast:140ms; --dur-base:220ms; --dur-slow:320ms;
    --ease-out:cubic-bezier(.22,.61,.36,1); --ease-press:cubic-bezier(.34,1.4,.64,1); --ease-emph:cubic-bezier(.16,1,.3,1);
    --hairline:rgba(255,255,255,.08); --hairline-strong:rgba(255,255,255,.12);
    --sh-1:0 1px 2px rgba(0,0,0,.45); --sh-2:0 8px 24px -8px rgba(0,0,0,.55); --sh-3:0 20px 50px -12px rgba(0,0,0,.65);
    --inset-hi:inset 0 1px 0 rgba(255,255,255,.06);
    --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:22px; --col:520px;
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent}
  html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
  body{margin:0; color:var(--fg); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
    background:
      radial-gradient(120% 56% at 88% -4%, rgba(181,33,233,.10), transparent 52%),
      radial-gradient(100% 52% at 3% 0%, rgba(0,194,255,.08), transparent 48%),
      var(--bg);
    overflow-x:hidden}
  h1,h2,h3{margin:0; font-family:var(--font-display); font-weight:800; letter-spacing:-.028em; text-wrap:balance}
  a{color:inherit; text-decoration:none}
  img{max-width:100%}
  .gt{background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
  .ico{display:inline-flex; width:1em; height:1em; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle}
  :focus-visible{outline:2px solid var(--focus); outline-offset:2px; border-radius:8px}
  :focus:not(:focus-visible){outline:none}
  .wrap{max-width:var(--col); margin:0 auto; padding:0 18px}
  section{padding:44px 0; scroll-margin-top:64px}

  /* reveal — același limbaj ca landing-ul, cu plasă de siguranță */
  .rv{opacity:0; transform:translateY(18px); transition:opacity .55s var(--ease-emph), transform .6s var(--ease-emph)}
  .rv.in{opacity:1; transform:none}

  /* ===== bara de sus ===== */
  .obar{position:sticky; top:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:9px 16px; background:rgba(8,11,18,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border-bottom:1px solid var(--hairline)}
  .obar .brand-logo{height:26px; width:auto; display:block}
  .obar .back{display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--muted); padding:8px 4px}
  .obar .back:hover{color:#fff}
  .obar .cvnav{display:none}

  /* ===== HERO ===== */
  .hero{padding-top:34px; text-align:center; position:relative; overflow:hidden}
  .hero::before{content:""; position:absolute; inset:-10% -20% 30%; z-index:0; pointer-events:none;
    background:radial-gradient(50% 55% at 26% 20%, rgba(0,194,255,.13), transparent 62%),
               radial-gradient(52% 58% at 78% 14%, rgba(181,33,233,.15), transparent 64%)}
  .hero>.wrap{position:relative; z-index:1}
  .slabel{display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
    color:var(--accent-text); background:rgba(var(--accent-rgb),.13); border:1px solid rgba(var(--accent-rgb),.3);
    border-radius:999px; padding:6px 14px; margin-bottom:14px}
  .hero h1{font-size:clamp(32px,9vw,42px); line-height:1.04; color:#fff}
  .hero .role{font-family:var(--font-display); font-weight:700; font-size:15.5px; margin:10px 0 0;
    background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
  .hero .desc{font-size:14.5px; line-height:1.65; color:var(--fg-body); max-width:46ch; margin:14px auto 0}
  .hero .desc b{color:#fff; font-weight:700}

  /* fotografiile — trei cadre „polaroid" ușor rotite, cu inel gradient la mijloc */
  .photos{display:flex; justify-content:center; align-items:center; gap:0; margin:26px 0 6px}
  .ph{width:31%; max-width:150px; aspect-ratio:3/4; border-radius:16px; overflow:hidden; position:relative;
    border:1px solid var(--hairline-strong); box-shadow:var(--sh-2); background:var(--bg-elev)}
  .ph img{width:100%; height:100%; object-fit:cover; display:block}
  .ph:nth-child(1){transform:rotate(-5deg) translateX(8%)}
  .ph:nth-child(3){transform:rotate(5deg) translateX(-8%)}
  .ph:nth-child(2){z-index:2; width:36%; max-width:170px; border-radius:18px;
    box-shadow:var(--sh-3), 0 24px 70px -24px rgba(124,92,252,.55)}
  .ph:nth-child(2)::after{content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; background:var(--grad);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude}

  /* dovezile pe scurt: chips + social */
  .chips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:18px}
  .chip{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--fg-2);
    background:var(--bg-elev); border:1px solid var(--card-bd); border-radius:999px; padding:8px 13px}
  .chip .ico{width:12px; height:12px; stroke:var(--ok); stroke-width:2.6}
  .social{display:flex; justify-content:center; align-items:center; gap:10px; margin-top:18px; color:var(--muted); font-size:13px}
  .social a{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px;
    background:var(--bg-elev); border:1px solid var(--card-bd); color:var(--fg-2);
    transition:transform var(--dur-fast) var(--ease-press), border-color var(--dur-base), color var(--dur-base)}
  .social a:hover{color:#fff; border-color:rgba(var(--accent-rgb),.5)} .social a:active{transform:scale(.94)}
  .social .ico{width:18px; height:18px}

  /* ===== STATS — dovada în 3 cifre ===== */
  .stats{display:grid; grid-template-columns:1fr; gap:10px; margin-top:8px}
  .stat{background:var(--card-fill); border:1px solid var(--card-bd); border-radius:var(--r-lg); padding:16px 18px;
    box-shadow:var(--inset-hi); display:flex; align-items:center; gap:14px; text-align:left}
  .stat .n{font-family:var(--font-display); font-weight:800; font-size:26px; letter-spacing:-.02em; white-space:nowrap;
    background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
  .stat .l{font-size:13px; color:var(--fg-body); line-height:1.45}

  /* ===== secțiuni: heading ===== */
  .shead{text-align:center; margin-bottom:24px}
  .shead .k{font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}
  .shead h2{font-size:26px; margin-top:7px}
  .shead .lead{font-size:14px; color:var(--muted); max-width:44ch; margin:9px auto 0}

  /* ===== STUDII — cronologie cu fir gradient ===== */
  .tl{position:relative; padding-left:26px}
  .tl::before{content:""; position:absolute; left:8px; top:6px; bottom:6px; width:2px; border-radius:2px;
    background:linear-gradient(180deg, var(--grad-a), var(--grad-b)); opacity:.5}
  .edu{position:relative; background:var(--card-fill); border:1px solid var(--card-bd); border-radius:var(--r-lg);
    padding:16px 18px; box-shadow:var(--inset-hi); margin-bottom:12px}
  .edu::before{content:""; position:absolute; left:-24px; top:24px; width:12px; height:12px; border-radius:50%;
    background:var(--bg); border:2.5px solid var(--accent); box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}
  .ehead{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px}
  .elogo{height:38px; width:auto; max-width:150px; object-fit:contain; background:#fff; border-radius:9px; padding:5px 9px; box-shadow:var(--sh-1)}
  .edu .yr{display:inline-block; font-size:11px; font-weight:800; letter-spacing:.05em; color:var(--accent-text);
    background:rgba(var(--accent-rgb),.13); border:1px solid rgba(var(--accent-rgb),.3); border-radius:999px; padding:4px 11px}
  .edu h3{font-size:17px; margin-top:9px; color:#fff}
  .edu .sch{font-size:13px; font-weight:600; color:var(--muted); margin-top:3px}
  .edu p{font-size:13.5px; line-height:1.6; color:var(--fg-body); margin:9px 0 0}
  .edu p b{color:#fff}

  /* ===== PUBLICAȚII ===== */
  .pub{background:var(--card-fill); border:1px solid rgba(var(--accent-rgb),.3); border-radius:var(--r-xl);
    padding:18px; box-shadow:var(--sh-2),var(--inset-hi); position:relative; overflow:hidden}
  .pub::before{content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(110% 70% at 50% 0%, rgba(124,92,252,.10), transparent 60%)}
  .badge{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
    color:#fff; background:var(--grad); border-radius:999px; padding:5px 12px; box-shadow:0 6px 18px -6px rgba(124,92,252,.55)}
  .pub h3{font-size:15.5px; line-height:1.45; color:#fff; margin-top:12px}
  .pub .meta{margin-top:12px; display:grid; gap:9px}
  .pub .mrow{font-size:13px; line-height:1.55; color:var(--fg-body); padding-left:12px; border-left:2px solid rgba(var(--accent-rgb),.4)}
  .pub .mrow b{color:#fff; font-weight:700}
  .publink{display:inline-flex; align-items:center; gap:7px; margin-top:14px; min-height:44px; padding:0 16px;
    font-size:13.5px; font-weight:700; color:var(--accent-text); background:rgba(var(--accent-rgb),.12);
    border:1px solid rgba(var(--accent-rgb),.35); border-radius:999px;
    transition:transform var(--dur-fast) var(--ease-press), background var(--dur-base)}
  .publink:active{transform:scale(.97)} .publink:hover{background:rgba(var(--accent-rgb),.2); color:#fff}
  .publink .ico{width:13px; height:13px}

  /* presa internațională */
  .press{margin-top:14px}
  .press .pt{font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--dim);
    text-align:center; margin:18px 0 10px}
  .press-grid{display:grid; grid-template-columns:1fr; gap:8px}
  .pr{display:flex; align-items:center; gap:12px; background:var(--bg-elev); border:1px solid var(--card-bd);
    border-radius:var(--r-md); padding:11px 13px; transition:border-color var(--dur-base), transform var(--dur-fast) var(--ease-press)}
  .pr:active{transform:scale(.985)} .pr:hover{border-color:rgba(var(--accent-rgb),.4)}
  .pr .src{font-family:var(--font-display); font-weight:800; font-size:13px; color:#fff; white-space:nowrap}
  .prlogo{flex-shrink:0; width:74px; height:30px; display:flex; align-items:center; justify-content:center;
    background:#fff; border-radius:7px; padding:4px 6px; box-shadow:var(--sh-1)}
  .prlogo img{max-width:100%; max-height:100%; object-fit:contain; display:block}
  .prmono{flex-shrink:0; width:74px; min-height:30px; display:flex; align-items:center; justify-content:center; text-align:center;
    font-family:var(--font-display); font-weight:800; font-size:10px; line-height:1.15; letter-spacing:.02em; color:var(--accent-text);
    background:rgba(var(--accent-rgb),.13); border:1px solid rgba(var(--accent-rgb),.3); border-radius:7px; padding:4px 5px}
  .pr .tt{flex:1; min-width:0; font-size:12px; color:var(--muted); line-height:1.4; overflow:hidden; text-overflow:ellipsis;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
  .pr .go{flex-shrink:0; width:15px; height:15px; color:var(--dim)}

  /* ===== VIZIUNE + CTA ===== */
  .vision{background:var(--card-fill); border:1px solid var(--card-bd); border-radius:var(--r-xl); padding:24px 20px;
    box-shadow:var(--sh-2),var(--inset-hi); position:relative; margin:0}
  .vision::before{content:"„"; position:absolute; top:-8px; left:18px; padding-top:14px; font-family:var(--font-display); font-weight:800;
    font-size:56px; line-height:.6; background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; opacity:.9}
  .vision p{margin:0; font-size:14.5px; line-height:1.75; color:var(--fg-body); padding-top:42px}
  .vision p b{color:#fff}
  .vision .sig{display:flex; align-items:center; gap:11px; margin-top:16px; padding-top:14px; border-top:1px solid var(--hairline)}
  .vision .sig img{width:38px; height:38px; border-radius:50%; object-fit:cover; border:2px solid transparent;
    background:linear-gradient(var(--bg),var(--bg)) padding-box, var(--grad) border-box}
  .vision .sig .nm{font-family:var(--font-display); font-weight:800; font-size:13.5px; color:#fff}
  .vision .sig .rl{font-size:11.5px; color:var(--muted)}

  .cta-end{text-align:center; margin-top:26px}
  .btn{position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:none; cursor:pointer; font:inherit;
    font-weight:800; font-size:16px; border-radius:var(--r-md); padding:0 26px; min-height:54px; width:100%; max-width:360px; color:#fff;
    background:var(--grad); background-size:150% 100%; animation:gradientShift 8s ease-in-out infinite;
    box-shadow:0 2px 8px rgba(0,0,0,.3),0 12px 28px -6px rgba(124,92,252,.45);
    touch-action:manipulation; transition:transform var(--dur-fast) var(--ease-press)}
  .btn:active{transform:scale(.97)}
  @keyframes gradientShift{0%{background-position:10% 50%} 50%{background-position:90% 50%} 100%{background-position:10% 50%}}
  .cta-end .sub{font-size:12.5px; color:var(--dim); margin-top:10px}

  /* ===== nav de secțiuni, jos (doar mobil) — reinterpretarea navigației originale ===== */
  .bnav{position:fixed; left:50%; transform:translateX(-50%); bottom:calc(12px + env(safe-area-inset-bottom)); z-index:70;
    display:flex; gap:2px; background:rgba(13,17,23,.86); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
    border:1px solid var(--hairline-strong); border-radius:999px; padding:5px; box-shadow:var(--sh-3)}
  .bnav a{font-size:12px; font-weight:700; color:var(--muted); padding:9px 13px; border-radius:999px; white-space:nowrap;
    transition:color var(--dur-fast), background var(--dur-base)}
  .bnav a[data-active]{color:#fff; background:rgba(var(--accent-rgb),.22)}
  body{padding-bottom:76px}

  footer{padding:30px 0 96px; text-align:center; font-size:12.5px; color:var(--dim)}

  @media (prefers-reduced-motion:reduce){
    *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
    .rv{opacity:1; transform:none}
    .btn{animation:none !important}
  }

  /* ===== desktop: două coloane unde ajută, nav în bară, fără nav-ul de jos ===== */
  @media (min-width:720px){
    :root{--col:640px}
    .stats{grid-template-columns:1fr 1fr 1fr}
    .stat{flex-direction:column; text-align:center; gap:6px; align-items:center}
    .press-grid{grid-template-columns:1fr 1fr}
    .ph{max-width:170px} .ph:nth-child(2){max-width:195px}
  }
  @media (min-width:1100px){
    :root{--col:960px}
    section{padding:64px 0}
    .hero .wrap,.shead{max-width:720px; margin-left:auto; margin-right:auto}
    .hero h1{font-size:52px}
    .hero .desc{font-size:15.5px; max-width:56ch}
    .tl,.pub,.press,.vision,.cta-end{max-width:720px; margin-left:auto; margin-right:auto}
    .edu{padding:20px 24px}
    .edu h3{font-size:19px} .edu p{font-size:14px}
    .pub{padding:24px 28px} .pub h3{font-size:17px}
    .pr:hover{transform:translateY(-1px)}
    .obar{padding:11px clamp(24px,4vw,48px)}
    .obar .cvnav{display:flex; gap:4px}
    .obar .cvnav a{position:relative; font-size:14px; font-weight:600; color:var(--fg-2); padding:8px 13px; border-radius:9px;
      transition:color var(--dur-fast), background var(--dur-fast)}
    .obar .cvnav a:hover{color:#fff; background:rgba(255,255,255,.05)}
    .obar .cvnav a[data-active]{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:700}
    .bnav{display:none}
    body{padding-bottom:0}
  }