:root{
      --text: rgba(255,255,255,.95);
      --muted: rgba(255,255,255,.78);
      --line: rgba(255,255,255,.2);
    }

    *{box-sizing:border-box}

    html,body{
      height:100%;
      margin:0;
      font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      background:#070816;
      color:var(--text);
    }
   
   /* ============================= */
/* LINK STYLE LOCK — NO COLOR CHANGE, NO UNDERLINE */
/* ============================= */

a,
a:visited,
a:hover,
a:active,
a:focus,
a:focus-visible{
  color: inherit !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}


    .hero{
      position:relative;
      min-height:100vh;
      overflow:hidden;
    }

    .video-wrap{
      position:absolute;
      inset:0;
      z-index:0;
      background:#070816;
    }

    video.bg{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .overlay{
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));
      pointer-events:none;
    }

    .content{
      position:relative;
      z-index:2;
      min-height:100vh;
      display:flex;
      justify-content:center;
      padding: 0 16px;
    }

    /* SEO H1: vizual ascuns, accesibil */
    .sr-only{
      position:absolute !important;
      width:1px; height:1px;
      padding:0; margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }
    
    

    .logo-block{
      position:relative;
      top:50px;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
    }

    .logo-img{
      width: min(610px, 72vw);
      height:auto;
      display:block;
      margin: 0 0 10px 0;
      filter: drop-shadow(0 18px 35px rgba(0,0,0,.6));
    }

    .lang{
      display:flex;
      gap:12px;
      margin: 0 0 8px 0;
      flex-wrap:wrap;
      justify-content:center;
    }

    .subtitle{
      margin:0;
      font-size: clamp(16px, 2vw, 23px);
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:var(--muted);
      text-shadow:0 8px 25px rgba(0,0,0,.6);
    }

    .flag{
      display:flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:14px;
      border:1px solid var(--line);
      background:rgba(0,0,0,.3);
      color:var(--text);
      cursor:pointer;
      font-size:13px;
      backdrop-filter:blur(10px);
      box-shadow:0 10px 25px rgba(0,0,0,.45);
    }

    .flag:focus-visible{
      outline: 2px solid rgba(255,211,106,.75);
      outline-offset: 3px;
    }

    .flag[aria-pressed="true"]{
      background:rgba(255,211,106,.15);
      border-color:rgba(255,211,106,.6);
    }

    .flag .emoji{font-size:15px}

    @media (max-width:600px){
      .logo-img{ width: min(520px, 85vw); }
      .logo-block{ top:40px; }
      .subtitle{ font-size:18px; letter-spacing:.05em; }
    }

    @media (prefers-reduced-motion: reduce){
      video.bg{ display:none; }
      .video-wrap{
        background: linear-gradient(180deg, #0b0c22 0%, #070816 100%);
      }
    }