:root{
  --navy:#0C2740;
  --navy-2:#123A5C;
  --navy-3:#0A1A2A;
  --portocaliu:#F58220;
  --portocaliu-inchis:#E2650C;
  --albastru:#29A3DC;
  --gri:#5B6B7B;
  --gri-deschis:#F4F6F9;
  --linie:#E3E8EE;
  --raza:16px;
  --umbra:0 10px 30px rgba(12,39,64,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--navy);
  background:#fff;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(38px,6vw,68px);font-weight:900}
h2{font-size:clamp(28px,3.6vw,42px);font-weight:800}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
.container{width:min(1180px,92vw);margin:0 auto}
.container-ingust{width:min(820px,92vw)}
.mic{font-size:14px;color:var(--gri)}
.accent{color:var(--portocaliu)}
.alb{color:#fff}
.alb-moale{color:#B9C9D8}
.ascuns{position:absolute;left:-9999px}

/* anunt */
.anunt{background:var(--portocaliu);color:#fff;text-align:center;padding:9px 16px;font-size:14px;font-weight:600}

/* bara */
.bara{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.bara-in{display:flex;align-items:center;gap:24px;padding:12px 0}
.logo img{height:44px}
.nav{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:500;color:#33465A}
.nav a:hover{color:var(--portocaliu)}
.bara-actiuni{display:flex;align-items:center;gap:12px}
.tel{font-weight:800;font-size:17px;white-space:nowrap}
.tel .ico{color:var(--portocaliu);margin-right:6px}
.hamburger{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--navy)}

/* butoane */
.buton{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--portocaliu);color:#fff;font-weight:700;border:2px solid var(--portocaliu);
  padding:13px 22px;border-radius:12px;cursor:pointer;font-size:16px;transition:.15s;white-space:nowrap}
.buton:hover{background:var(--portocaliu-inchis);border-color:var(--portocaliu-inchis)}
.buton-mic{padding:9px 16px;font-size:15px}
.buton-mare{padding:16px 28px;font-size:18px}
.buton-gol{background:transparent;color:var(--navy);border-color:rgba(12,39,64,.25)}
.buton-gol:hover{background:rgba(12,39,64,.06);border-color:var(--navy)}
.sectiune-inchisa .buton-gol,.hero .buton-gol{color:#fff;border-color:rgba(255,255,255,.35)}
.sectiune-inchisa .buton-gol:hover,.hero .buton-gol:hover{background:rgba(255,255,255,.12)}
.buton-plin-lat{width:100%;background:var(--portocaliu);border-color:var(--portocaliu);color:#fff}

/* hero */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero-fundal{position:absolute;inset:0;
  background:
    radial-gradient(900px 500px at 78% 10%,rgba(245,130,32,.26),transparent 60%),
    radial-gradient(700px 500px at 10% 90%,rgba(41,163,220,.28),transparent 60%),
    linear-gradient(105deg,#0C2740 0%,rgba(12,39,64,.94) 46%,rgba(10,26,42,.72) 100%),
    url("assets/foto/antet.jpg") center/cover no-repeat #0A1A2A;
}
.hero-fundal:after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:52px 52px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.hero-in{position:relative;display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center;
  padding:88px 0 96px}
.supra{color:#9FD3F0;font-size:14px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px}
.hero .lead{color:#C6D6E4;font-size:19px;max-width:42em}
.hero-butoane{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 14px}
.hero-program{color:#8EA6BC;font-size:14px;margin:0}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:20px;padding:26px;backdrop-filter:blur(6px)}
.hero-card-cap{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;
  text-transform:uppercase;letter-spacing:.07em;color:#fff;margin-bottom:18px}
.punct{width:9px;height:9px;border-radius:50%;background:#43D17E;box-shadow:0 0 0 4px rgba(67,209,126,.22)}
.hero-lista{list-style:none;margin:0 0 22px;padding:0}
.hero-lista li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}
.hero-lista li:last-child{border-bottom:0}
.hero-lista strong{font-size:16px}
.hero-lista span{color:#9FB3C8;font-size:14px}

/* incredere */
.incredere{background:var(--navy-3);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.incredere-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:26px 0}
.incredere-in>div{display:flex;flex-direction:column;gap:2px}
.incredere strong{font-size:16px}
.incredere span{color:#8EA6BC;font-size:14px}

/* sectiuni */
.sectiune{padding:88px 0}
.sectiune-gri{background:var(--gri-deschis)}
.sectiune-inchisa{background:var(--navy);color:#fff}
.eticheta{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--portocaliu);margin-bottom:10px}
.eticheta-deschisa{color:#FFB870}
.sectiune .lead{font-size:18px;color:var(--gri);max-width:46em}
.sectiune-inchisa .lead{color:#B9C9D8}

/* servicii */
.grid-servicii{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:34px}
.serviciu{border:1px solid var(--linie);border-radius:var(--raza);padding:28px;background:#fff;transition:.18s}
.serviciu:hover{box-shadow:var(--umbra);transform:translateY(-2px);border-color:#CBD6E2}
.serviciu h3{margin-bottom:10px}
.serviciu p{color:var(--gri);font-size:16px}
.serviciu ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.serviciu li{background:var(--gri-deschis);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;color:#33465A}

/* abonamente */
.grid-abonamente{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;align-items:start}
.abonament{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px;position:relative}
.abonament.recomandat{background:#fff;color:var(--navy);border-color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.abonament .pentru{font-size:14px;color:#9FB3C8;margin-bottom:18px}
.abonament.recomandat .pentru{color:var(--gri)}
.abonament ul{list-style:none;margin:0 0 24px;padding:0}
.abonament li{padding:9px 0 9px 26px;position:relative;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08)}
.abonament.recomandat li{border-color:var(--linie)}
.abonament li:last-child{border-bottom:0}
.abonament li:before{content:"";position:absolute;left:0;top:16px;width:14px;height:8px;
  border-left:2.5px solid var(--portocaliu);border-bottom:2.5px solid var(--portocaliu);transform:rotate(-45deg)}
.insigna{position:absolute;top:-13px;left:28px;background:var(--portocaliu);color:#fff;font-size:12px;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px}

/* pasi */
.doua-coloane{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pasi{list-style:none;margin:0;padding:0;counter-reset:p}
.pasi li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--linie)}
.pasi li:last-child{border-bottom:0}
.pasi span{flex:0 0 40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800}
.pasi strong{display:block;margin-bottom:4px}
.pasi div{color:var(--gri);font-size:16px}

/* carduri */
.grid-trei{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.card{background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:28px}
.card p{color:var(--gri);font-size:16px}

/* galerie */
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.galerie figure{margin:0;border-radius:var(--raza);overflow:hidden;background:var(--gri-deschis);border:1px solid var(--linie)}
.galerie img{aspect-ratio:4/3;object-fit:cover;width:100%}
.galerie figcaption{padding:12px 16px;font-size:14px;color:var(--gri);font-weight:500}
.galerie-nota{margin-top:18px;font-size:14px;color:var(--gri)}
.poza-pasi{border-radius:var(--raza);overflow:hidden;margin-bottom:22px;border:1px solid var(--linie)}

/* intrebari */
.intrebari{margin-top:30px;border-top:1px solid var(--linie)}
.intrebare{border-bottom:1px solid var(--linie)}
.intrebare button{width:100%;background:none;border:0;text-align:left;padding:20px 40px 20px 0;
  font:inherit;font-weight:700;font-size:18px;color:var(--navy);cursor:pointer;position:relative}
.intrebare button:after{content:"+";position:absolute;right:8px;top:18px;font-size:24px;color:var(--portocaliu);font-weight:400}
.intrebare.deschis button:after{content:"−"}
.intrebare div{display:none;padding:0 40px 22px 0;color:var(--gri)}
.intrebare.deschis div{display:block}

/* contact */
.contact-date{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.contact-rand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700}
.contact-rand .ico{color:var(--portocaliu)}
.contact-mic{font-size:14px;color:#8EA6BC}
.formular{background:#fff;border-radius:20px;padding:30px;color:var(--navy);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.formular label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}
.formular .doua{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formular input,.formular select,.formular textarea{
  width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid var(--linie);border-radius:10px;
  font:inherit;font-size:16px;font-weight:400;color:var(--navy);background:#fff}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:0;border-color:var(--portocaliu)}
.bifa{display:flex;align-items:flex-start;gap:10px;font-weight:500;color:var(--gri);font-size:14px}
.bifa input{width:auto;margin:2px 0 0}

/* subsol */
.subsol{background:var(--navy-3);color:#8EA6BC;padding:48px 0 26px;font-size:15px}
.subsol-in{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap}
.subsol-logo{height:56px;margin-bottom:14px}
.subsol .mic{color:#8EA6BC}
.subsol-linkuri{display:flex;flex-direction:column;gap:9px}
.subsol-linkuri a:hover{color:#fff}
.subsol-jos{border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:18px;font-size:13px}

/* bara de jos pe telefon */
.bara-mobil{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 14px;
  background:rgba(255,255,255,.96);border-top:1px solid var(--linie);backdrop-filter:blur(8px)}
.bara-mobil .buton{flex:1}

@media(max-width:980px){
  .hero-in{grid-template-columns:1fr;padding:64px 0 72px}
  .doua-coloane{grid-template-columns:1fr;gap:36px}
  .grid-trei,.grid-abonamente{grid-template-columns:1fr}
  .galerie{grid-template-columns:repeat(2,1fr)}
  .incredere-in{grid-template-columns:repeat(2,1fr)}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;
    padding:16px 5vw;gap:14px;border-bottom:1px solid var(--linie)}
  .nav.deschis{display:flex}
  .hamburger{display:block}
  .tel span:last-child{display:none}
  .bara-mobil{display:flex}
  body{padding-bottom:74px}
}
@media(max-width:640px){
  .grid-servicii,.galerie,.formular .doua{grid-template-columns:1fr}
  .sectiune{padding:60px 0}
  .formular{padding:22px}
}