/* RESET PENTRU CONSISTENȚĂ VIZUALĂ */
	a {
		text-decoration: none; /* Elimină sublinierile implicite de pe toate link-urile */
		color: inherit;
		transition: color 0.2s;
	}

	/* Stil pentru link-urile din footer sau navigare la hover (opțional) */
	nav a:hover,
	footer a:hover {
		color: var(--orange);
	}
  
    /* reuse the same CSS variables and look as index.html */
    :root {
      --blue-dark: #0056b3;
      --orange: #FF6B35;
      --cream: #FFEFE8;
      --dark: #222;
      --light: #f5f5f5;
      --white: #fff;
      --primary: var(--blue-dark);
      --secondary: var(--orange);
    }
    body {
      font-family: 'Open Sans', sans-serif;
      color: var(--dark);
      background: var(--light);
		-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 1.6;
    }

    /* Header (copiat din index) */
    .hero {
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--orange) 95%);
      color: var(--white);
      padding: 2.5rem 1.5rem;
      text-align: center;
    }
    .header-content { max-width: 1000px; margin: 0 auto; position: relative; }
    .logo { height: 140px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .header-titles { display: inline-block; text-align: center; margin: 0 auto; padding: 0 100px; }
    .hero h1 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 2.2rem; margin-bottom: 0.5rem; color: var(--white); }
    .hero .subtitle { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.05rem; color: var(--cream); display:inline-block; padding:0.5rem 1rem; border-radius:4px; background-color: rgba(255,107,53,0.02); }

    /* button orange (same as index) - UNIFORMIZAT */
    .btn-orange {
      background-color: var(--orange);
      color: white;
      padding: 1rem 2rem; /* MĂRIT */
      border-radius: 4px;
      display: inline-block;
      margin-top: 1rem;
      font-weight: 700; /* MĂRIT */
      font-size: 1.1rem; /* NOU */
      text-decoration: none;
      transition: all 0.25s ease;
      font-family: 'Poppins', sans-serif; /* ASIGURĂ FONT CORECT */
    }
    .btn-orange:hover { background-color: #e05a2b; transform: translateY(-2px); }

    /* navigation (same as index) */
    /* În launchpad.html, în stilurile generale (înainte de media query) */
	nav { 
		background-color: var(--white); 
		box-shadow: 0 2px 10px rgba(0,0,0,0.12); 
		/* Adăugat/Modificat pentru Sticky: */
		position: sticky; 
		top: 0; 
		z-index: 100; 
		
		/* Păstrează Flexbox-ul pentru desktop ca înainte: */
		display: flex;
		justify-content: center;
		padding: 0;
	}
    
    /* Meniul Wrapper */
    nav .menu {
        width: 100%; /* Ocupă tot spațiul disponibil pe desktop */
    }
    
    /* Lista de link-uri (pe desktop) */
    nav .menu ul { 
        display:flex; 
        justify-content:center; 
        list-style:none; 
        padding:1rem; 
        gap:1rem; 
        margin:0; 
        flex-wrap:wrap; 
    }
    nav ul li a { 
        padding: 0.5rem 1rem; 
        font-weight: 600; 
        border-radius:4px; 
        color: var(--primary); 
        text-decoration:none; 
    }
    nav ul li a:hover { background: var(--orange); color: #fff; }
	nav ul li a.nav-special {
            background-color: var(--secondary); /* Fundal Portocaliu */
            color: var(--white); /* Text Alb */
            border: 2px solid var(--secondary);
            font-weight: 700;
            padding: 0.5rem 1rem;
            border-radius: 6px;
        }
	nav ul li a.nav-special:hover {
            background-color: #e05a2b; /* Portocaliu mai închis la hover */
            color: var(--white);
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
    /* Stilul pentru iconița Hamburger - Ascuns pe Desktop */
    .hamburger-icon {
        display: none; /* Ascuns implicit pe desktop */
        background: none;
        border: none;
        font-size: 1.5rem;
        color: var(--blue-dark);
        cursor: pointer;
        padding: 0.5rem 1rem;
    }


    /* Main container like index */
    .container { max-width: 1000px; margin: 2rem auto; padding: 0 1.5rem; }
    h2 { font-family: 'Poppins', sans-serif; color: var(--blue-dark); font-size: 1.8rem; margin-bottom: 1rem; text-align:center; position:relative; }
    h2::after { content:''; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:80px; height:3px; background:var(--orange); }

   .card { background: var(--white); padding: 1.25rem; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-bottom:1rem; }
    
    /* Stiluri generale pentru elementele din liste */
    .list { padding-left: 2rem; } 
    .list li {
        margin-bottom: 0.7rem;
        line-height: 1.4;
        font-weight: 600; /* Le face mai vizibile */
    }

    /* Stil specific pentru UL (Puncte/Beneficii) */
    .list.ul-icons {
        list-style: none; /* Elimină bulinele standard */
        padding-left: 1.5rem; 
    }
    .list.ul-icons li {
        position: relative;
        padding-left: 1.25rem; /* Spațiu pentru iconiță */
    }

    /* Adauga iconite la lista de beneficii (ul.list) */
    .list.ul-icons li::before {
        content: '\f00c'; /* Iconita Checkmark (necesita Font Awesome) */
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: var(--secondary); /* Portocaliu */
        position: absolute;
        left: 0;
        top: 0;
        font-size: 0.9rem;
    }

    /* Form styles (use same look as contact-form in index) */
    /* ATENȚIE: AICI S-A APLICAT MAX-WIDTH ȘI CENTRARE PENTRU ALINIARE */
    .form-panel { 
        max-width: 700px; /* Lățimea formularului aliniată cu paragrafele */
        margin: 1rem auto; /* Centrare orizontală */
        background: var(--white); 
        padding: 1.25rem; 
        border-radius: 10px; 
        box-shadow:0 6px 18px rgba(0,0,0,0.06); 
    }
    
    label { display:block; margin-top:12px; font-weight:600; color:var(--primary); }
    input[type="text"], input[type="email"], select, textarea {
      width:100%; padding:0.8rem; border:1px solid #ddd; border-radius:6px; font-family:inherit; margin-top:6px;
    }
    input:focus, textarea:focus, select:focus { outline:none; border-color:var(--secondary); box-shadow:0 0 0 3px rgba(255,107,53,0.06); }
	


    /* Stilul corectat al butonului de submit */
    .submit-btn { 
        margin-top:16px; 
        background:var(--primary); /* Albastru inchis */
        color:var(--white); /* CORECTAT: Din orange în white */
        border:none; 
        padding:1rem 2rem; /* MĂRIT */
        border-radius:6px; 
        font-weight:700; 
        cursor:pointer; 
        width:100%; 
        font-size: 1.1rem; /* NOU */
        transition: all 0.2s ease;
    }
    .submit-btn:hover { background:#004494; transform: translateY(-1px); }

    .success { display:none; text-align:center; color: #1f7a1f; font-weight:700; padding-top:10px; }

    /* Footer */
        footer {
            background-color: var(--dark);
            color: var(--white);
            padding: 2rem 1rem;
            text-align: center;
        }
        .footer-content {
            max-width: 1000px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            text-align: left;
        }
        .footer-column h3 {
            color: var(--secondary);
            margin-bottom: 1rem;
            font-size: 1.2rem;
        }
        .footer-column p, .footer-column a {
            opacity: 0.8;
            margin-bottom: 0.5rem;
            display: block;
        }
        .footer-column a:hover {
            opacity: 1;
            color: var(--secondary);
        }
		
		  .social-icons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            margin-top: 1.5rem;
        }
        .social-icons a {
            font-size: 1.2rem;
            color: var(--white);
            transition: color 0.3s;
        }
        .social-icons a:hover {
            color: var(--secondary);
        }
        .copyright {
            margin-top: 2rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            opacity: 0.7;
        }

    /* responsive */
    @media (max-width:768px) {
      .logo { position: static; transform:none; height:90px; margin-bottom: 0.5rem; display:block; margin-left:auto; margin-right:auto; }
      .header-titles { padding:0; width:100%; }
      .hero h1 { font-size:1.6rem; }
      .header-content { padding: 0 12px; }
      .form-panel { padding: 1rem; }
      
      /* NAVIGATIE MOBIL (HAMBURGER) - NOU */
      nav {
        display: flex; /* Activează flexbox pentru nav bar (iconiță + meniu) */
        justify-content: flex-end; /* Aliniază iconița la dreapta */
        align-items: center;
        padding: 0.5rem 1rem;
        position: sticky;	
      }
      
      .hamburger-icon {
          display: block; /* Afișează iconița hamburger pe mobil */
      }
      
      nav .menu {
          /* Ascunde meniul implicit și îl poziționează */
          display: none; 
          position: absolute;
          top: 100%; /* Imediat sub bara de navigare */
          left: 0;
          width: 100%;
          background-color: var(--white); 
          box-shadow: 0 5px 15px rgba(0,0,0,0.1);
          z-index: 90;
      }
      
      /* Meniul ACTIV (afișat la click) */
      nav .menu.active {
          display: block; 
      }
      
      /* Lista de link-uri pe verticală */
      nav .menu ul {
          flex-direction: column; /* Link-urile vertical */
          align-items: center; /* Centrează link-urile */
          padding: 0.5rem 0 1rem 0;
          gap: 0; /* Elimină spațiul suplimentar dintre link-uri */
      }
      
      nav .menu ul li {
          width: 90%;
          text-align: center;
      }
      
      nav .menu ul li a {
          display: block; /* Ocupă toată lățimea */
          padding: 0.75rem 1rem;
      }
      /* Asigură-te că nav-special arată bine pe mobil */
      nav ul li a.nav-special {
          margin-top: 0.5rem;
      }
    }