/* ETD-GM — Premium Modern (static) */
:root{
  --bg0:#070b12;
  --bg1:#090b16;
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.08);
  --stroke:rgba(255,255,255,.12);
  --text:rgba(255,255,255,.88);
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.58);
  --brand:#E61E2A; /* ETD red */
  --brand2:#ff4a55;
  --shadow:0 26px 80px rgba(0,0,0,.55);
  --radius:18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 12% 12%, rgba(230,30,42,.16), transparent 55%),
    radial-gradient(900px 650px at 90% 18%, rgba(255,255,255,.10), transparent 55%),
    linear-gradient(160deg, var(--bg0) 0%, #060816 58%, #060611 100%);
}
img{max-width:100%;display:block}
a{color:inherit}

.container{width:min(1180px, calc(100% - 40px)); margin:0 auto}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 18px;border-radius:14px;
  font-weight:900;letter-spacing:.2px;text-decoration:none;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  transition:transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
.btn:hover{transform:translateY(-1px); border-color:rgba(230,30,42,.45)}
.btn--primary{
  background:linear-gradient(135deg,var(--brand) 0%, #ff3a45 40%, #ff6a72 100%);
  color:#111;border-color:rgba(0,0,0,.14)
}
.btn--primary:hover{background:linear-gradient(135deg,#d9131f 0%, #ff3a45 40%, #ff7078 100%)}
.btn--ghost{background:rgba(255,255,255,.05)}

.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.84);
  font-weight:800
}
.pill i{color:var(--brand)}

/* Layout */
.section{padding:clamp(72px,8vw,110px) 0; position:relative}
.h1{font-size:clamp(34px,4.4vw,64px);line-height:1.05;margin:0 0 12px;letter-spacing:.2px}
.h2{font-size:clamp(28px,3.2vw,44px);margin:0 0 10px;letter-spacing:.2px}
.sub{margin:0;max-width:920px;color:var(--muted);font-size:1.12rem;line-height:1.7}

.card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(12px)}

/* Header */
.header{position:fixed;top:14px;left:0;right:0;z-index:1000}
.header__bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-radius:999px;
  background:rgba(11,15,24,.62);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px)
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
/* logo ~30% mai mic */
.brand img{width:98px;height:auto}

.nav{display:flex;align-items:center;gap:12px}
.nav a{text-decoration:none;color:rgba(255,255,255,.84);font-weight:800;padding:10px 12px;border-radius:999px}
.nav a:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.94)}

/* Dropdown (desktop) */
.nav .dropdown{ position: relative; }
.nav .dropdown > a{ display:inline-flex; align-items:center; gap:8px; }
.nav .dropdown > a .chev{ font-size: 0.85em; opacity: .9; }
.nav .dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 16px;
  background: rgba(11,15,24,.92);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
  backdrop-filter: blur(12px);
  display: none;
  z-index: 2000;
}
/* "Bridge" invizibil ca să nu se închidă meniul când muți mouse-ul de pe link pe dropdown */
.nav .dropdown-menu::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}
.nav .dropdown-menu a{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
}
.nav .dropdown-menu a:hover{ border-color: rgba(230,30,42,.45); }
.nav .dropdown-menu i{ width: 20px; text-align:center; color: var(--brand); }
.nav .dropdown:hover .dropdown-menu,
.nav .dropdown:focus-within .dropdown-menu{ display:block; }
.header__cta{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.92)}

/* Drawer */
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity 200ms ease;z-index:1100}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(380px,90vw);background:rgba(11,15,24,.95);border-left:1px solid rgba(255,255,255,.10);transform:translateX(102%);transition:transform 260ms ease;z-index:1200;padding:18px;display:flex;flex-direction:column;gap:12px}
.drawer__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.10)}
.drawer__title{font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.84)}
.drawer a{text-decoration:none;padding:14px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-weight:900;display:flex;align-items:center;gap:12px}
.drawer a i{color:var(--brand);width:20px;text-align:center}
body.menu-open{overflow:hidden}
body.menu-open .drawer-overlay{opacity:1;pointer-events:auto}
body.menu-open .drawer{transform:translateX(0)}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0}
.hero__bg video,
.hero__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05);transform:scale(1.04)}
.hero__bg::after{content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 600px at 12% 22%, rgba(230,30,42,.30), transparent 56%),
    radial-gradient(900px 600px at 86% 25%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.62))
}
.hero__inner{position:relative;padding-top:120px;padding-bottom:70px}
.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:end}
.hero p{margin:0 0 18px;font-size:1.15rem;color:rgba(255,255,255,.86);line-height:1.7;max-width:720px}
.hero__actions{display:flex;gap:10px;flex-wrap:wrap}
.hero__panel{padding:18px}
.hero__panel h3{margin:0 0 10px;font-size:1.05rem;color:rgba(255,255,255,.92)}
.mini{display:grid;gap:10px}
.mini-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.mini-row i{color:var(--brand);margin-top:2px}
.mini-row strong{color:rgba(255,255,255,.92)}
.mini-row span{color:rgba(255,255,255,.72)}

/* Grid cards */
.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:26px}
.tile{grid-column:span 6;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.35)}
.tile a{text-decoration:none;display:block}
.tile__media{height:230px;position:relative}
.tile__media img{width:100%;height:100%;object-fit:cover;transition:transform 480ms ease, filter 480ms ease;transform:scale(1.02);filter:saturate(1.05) contrast(1.05)}
.tile__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.78) 100%)}
.tile__badge{position:absolute;top:14px;left:14px;z-index:2}
.tile__body{padding:18px 18px 20px;background:rgba(7,11,18,.55)}
.tile__title{margin:0 0 8px;font-size:1.25rem;color:rgba(255,255,255,.92)}
.tile__desc{margin:0 0 14px;color:rgba(255,255,255,.72);line-height:1.7}
.tile:hover img{transform:scale(1.08);filter:saturate(1.15) contrast(1.1)}

/* Band */
.band{background:
  radial-gradient(900px 450px at 10% 25%, rgba(230,30,42,.22), transparent 55%),
  radial-gradient(700px 400px at 90% 20%, rgba(255,255,255,.10), transparent 55%),
  linear-gradient(135deg, #0c101b 0%, #0a111f 60%, #070b12 100%);
}
.band::before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);background-size:18px 18px;pointer-events:none}
.split{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:26px}
.panel{padding:20px}
.panel h3{margin:0 0 12px;color:rgba(255,255,255,.94)}
.list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.item{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.84)}
.item i{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(230,30,42,.14);border:1px solid rgba(230,30,42,.30);color:var(--brand)}
.item strong{color:rgba(255,255,255,.94)}

/* Page hero (internal) */
.page-hero{ position: relative; padding: 130px 0 46px; overflow:hidden; }
.page-hero__bg{ position:absolute; inset:0; }
.page-hero__bg img{ width:100%; height:100%; object-fit:cover; filter:saturate(1.08) contrast(1.05); transform: scale(1.04); }
.page-hero__bg::after{ content:""; position:absolute; inset:0;
  background:
    radial-gradient(900px 600px at 12% 22%, rgba(230,30,42,.28), transparent 56%),
    radial-gradient(900px 600px at 86% 25%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.62));
}
.page-hero__inner{ position: relative; }
.page-hero__grid{ display:grid; grid-template-columns: 1.2fr .8fr; gap: 18px; align-items: end; }
.page-hero h1{ margin:0 0 10px; font-size: clamp(30px, 3.6vw, 48px); letter-spacing:.2px; }
.page-hero p{ margin:0 0 16px; max-width: 820px; color: rgba(255,255,255,.84); line-height:1.75; font-size: 1.08rem; }
.page-hero__panel{ padding: 18px; }
.page-hero__panel h3{ margin:0 0 10px; color: rgba(255,255,255,.92); font-size: 1.05rem; }
@media (max-width: 980px){ .page-hero__grid{ grid-template-columns: 1fr; } }

/* Tables */
.table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:14px}
.table th{color:rgba(255,255,255,.80);text-align:left;font-weight:900;padding:0 12px 6px}
.table td{padding:14px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.table tr td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}
.table tr td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}

/* Forms */
.form-card{padding:22px}
.form-group{display:grid;gap:8px;margin-bottom:14px}
label{font-weight:900;color:rgba(255,255,255,.88)}
input,select,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.92);color:#111;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(230,30,42,.90);box-shadow:0 0 0 4px rgba(230,30,42,.18)}
textarea{resize:vertical;min-height:120px}
.note{color:rgba(255,255,255,.64);font-size:.98rem;text-align:center;margin-top:10px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:26px}
.map{border:0;width:100%;height:420px;border-radius:var(--radius)}

/* Footer */
.footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.66)}
.footer__grid{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.footer img{width:120px}

/* Responsive */
@media (max-width: 980px){
  .hero__grid{grid-template-columns:1fr;align-items:start}
  .tile{grid-column:span 12}
  .split{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav{display:none}
  .menu-btn{display:inline-grid;place-items:center}
}