* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {

    font-family: Arial, Helvetica, sans-serif;

    background:#050505;

    color:white;

}



/* HEADER */


header {

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 55px;

    background:rgba(0,0,0,0.9);

    border-bottom:2px solid #00ff55;

}



.brand h1 {

    color:#00ff55;

    font-size:36px;

    text-shadow:0 0 15px #00ff55;

}



.brand h2 {

    color:white;

    font-size:24px;

    letter-spacing:3px;

}



.info p {

    margin:8px 0;

    font-size:17px;

}



/* MENIU */


nav a {

    color:white;

    text-decoration:none;

    margin-left:25px;

    font-size:19px;

}



nav a:hover {

    color:#00ff55;

}





/* HERO */


.hero {

    min-height:550px;

    display:flex;

    justify-content:space-around;

    align-items:center;

    padding:60px;

}



.hero-text h1 {

    font-size:60px;

    color:#00ff55;

    text-shadow:0 0 20px #00ff55;

}



.hero-text h2 {

    font-size:33px;

    margin:20px 0;

}



.hero-text p {

    max-width:550px;

    font-size:22px;

    line-height:1.5;

}



.hero-logo img {

    width:460px;

    animation:float 3s infinite ease-in-out;

}



@keyframes float {


0% {

transform:translateY(0);

}


50% {

transform:translateY(-20px);

}


100% {

transform:translateY(0);

}


}
/* BUTOANE */


.btn {

    display:inline-block;

    margin-top:25px;

    padding:17px 35px;

    background:#00ff55;

    color:black;

    font-weight:bold;

    font-size:18px;

    text-decoration:none;

    border-radius:30px;

}



.btn:hover {

    box-shadow:0 0 20px #00ff55;

}





/* SERVICII */


#servicii {

    padding:60px;

    text-align:center;

}



#servicii h2,
#avantaje h2,
#galerie h2,
#contact h2 {

    color:#00ff55;

    font-size:35px;

    margin-bottom:40px;

    text-align:center;

}




.services {

    display:grid;

    grid-template-columns:repeat(5, minmax(0,1fr));

    gap:18px;

}





.card {

    background:#111;

    padding:22px;

    border-radius:15px;

    border:1px solid #00ff55;

    transition:0.3s;

    text-align:center;

    min-height:270px;

    font-size:45px;

}



.card:hover {

    transform:translateY(-10px);

    box-shadow:0 0 25px #00ff55;

}



.card h3 {

    color:#00ff55;

    margin:15px 0 12px;

    font-size:23px;

}



.card p {

    line-height:1.5;

    font-size:17px;

}
/* CONTACT */


#contact {

    text-align:center;

    padding:60px;

}



#contact p {

    font-size:22px;

    margin:18px;

}





/* MOTTO */

.motto {

    text-align:center;
    padding:20px;
    margin-top:20px;
    font-size:18px;
    color:white;
    font-weight:bold;
    letter-spacing:1px;
    text-shadow:0 0 10px #00ff55;

}
/* FOOTER */


footer {

    text-align:center;

    padding:25px;

    background:#000;

    border-top:1px solid #00ff55;

}





/* ECHIPA */


#echipa {

    padding:60px;

    text-align:center;

}



#echipa h2,
#galerie h2 {

    color:#00ff55;

    font-size:38px;

    margin-bottom:45px;

}



.team img {

    width:70%;

    max-width:900px;
    
    margin:0 auto;

    border-radius:20px;

    border:2px solid #00ff55;

    box-shadow:0 0 25px #00ff55;

}



.team p {

    margin-top:25px;

    font-size:24px;

}





/* GALERIE */


.gallery {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.photo img {

    width:100%;

    height:330px;

    object-fit:cover;

    background:#000;

    border-radius:15px;

    border:2px solid #00ff55;

    transition:0.3s;

}



.photo img:hover {

    transform:scale(1.05);

    box-shadow:0 0 25px #00ff55;

}
/* TABLETA / TELEFON */


@media(max-width:900px) {


header {

    flex-direction:column;

    gap:20px;

}



.hero {

    flex-direction:column;

    padding:40px 20px;

}



.hero-text {

    text-align:center;

}



.hero-text h1 {

    font-size:42px;

}



.hero-text h2 {

    font-size:26px;

}



.hero-text p {

    font-size:18px;

}



.hero-logo img {

    width:320px;

}





.services {

    grid-template-columns:repeat(2,1fr);

    gap:15px;

}





.card {

    padding:20px;

    font-size:42px;

    min-height:250px;

}



.card h3 {

    font-size:22px;

}



.card p {

    font-size:16px;

}



.motto {

    text-align:center;

    font-size:20px;

}



.gallery {

    grid-template-columns:1fr;

}



.team img {

    width:100%;

}



}
/* AJUSTĂRI FINALE */

html {

    scroll-behavior:smooth;

}



a {

    transition:0.3s;

}



/* protectie imagini */

img {

    max-width:100%;

    display:block;

}
.top-btn {

    position:fixed;

    right:25px;

    bottom:25px;

    width:50px;

    height:50px;

    background:#00ff55;

    color:black;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:30px;

    font-weight:bold;

    box-shadow:0 0 15px #00ff55;

    z-index:999;

}


.top-btn:hover {

    transform:scale(1.1);

}
/* ZOOM POZE GALERIE */

.photo img {

    cursor:pointer;

}


#zoomBox {

    display:none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.9);

    justify-content:center;

    align-items:center;

    z-index:1000;

}



#zoomBox img {

    max-width:90%;

    max-height:90%;

    border:3px solid #00ff55;

    border-radius:20px;

    box-shadow:0 0 30px #00ff55;

}
/* LOCATIE SI CONTACT */

#locatie-contact {

    text-align:center;
    padding:50px 20px;

}


.loc-contact {

    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;

}



.box {

    background:#111;
    color:white;
    width:350px;
    padding:30px;
    border-radius:20px;
    box-shadow:0 0 20px rgba(0,255,80,0.3);

}



.box h3 {

    color:#00ff55;
    font-size:26px;

}


.box h4 {

    font-size:22px;

}


.box p {

    font-size:18px;
    line-height:1.6;

}
/* WHATSAPP FLOTANT */

.whatsapp-float {

    position:fixed;

    right:25px;

    bottom:90px;

    width:60px;

    height:60px;

    background:#25D366;

    color:white;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    text-decoration:none;

    box-shadow:0 0 20px #25D366;

    z-index:999;

}


.whatsapp-float:hover {

    transform:scale(1.1);

}
/* ANIMATIE WHATSAPP */

.whatsapp-float {

    animation:pulsWhatsApp 2s infinite;

}


@keyframes pulsWhatsApp {

    0% {

        box-shadow:0 0 0 0 rgba(37,211,102,0.7);

    }


    70% {

        box-shadow:0 0 0 15px rgba(37,211,102,0);

    }


    100% {

        box-shadow:0 0 0 0 rgba(37,211,102,0);

    }

}
/* BUTON MUZICA */

.music-btn {

    position:fixed;

    left:25px;

    bottom:25px;

    background:#00ff55;

    color:#000;

    border:none;

    padding:15px 22px;

    border-radius:30px;

    font-size:16px;

    font-weight:bold;

    cursor:pointer;

    box-shadow:0 0 20px #00ff55;

    z-index:999;

}


.music-btn:hover {

    transform:scale(1.05);

}
/* RECENZII */

#recenzii {

    text-align:center;
    padding:50px 20px;
    background:#050505;

}


#recenzii h2 {

    color:#00ff55;
    font-size:32px;
    margin-bottom:30px;

}


.reviews {

    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;

}


.review {

    background:#111;
    border:1px solid #00ff55;
    border-radius:15px;
    padding:25px;
    width:280px;
    color:white;
    box-shadow:0 0 15px rgba(0,255,85,0.3);

}


.stars {

    color:#00ff55;
    font-size:25px;
    margin-bottom:15px;

}


.review p {

    font-size:17px;
    line-height:1.5;

}
/* RECENZII */

#recenzii {

    text-align:center;
    padding:50px 20px;
    background:#050505;

}


#recenzii h2 {

    color:#00ff55;
    font-size:32px;
    margin-bottom:30px;

}


.reviews {

    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;

}


.review {

    background:#111;
    border:1px solid #00ff55;
    border-radius:15px;
    padding:25px;
    width:280px;
    color:white;
    box-shadow:0 0 15px rgba(0,255,85,0.3);

}


.stars {

    color:#00ff55;
    font-size:25px;
    margin-bottom:15px;

}


.review p {

    font-size:17px;
    line-height:1.5;

}
/* OPTIMIZARE MOBIL FINAL */

@media(max-width:600px){

body{
    overflow-x:hidden;
}


/* HEADER */

header{
    padding:20px 15px;
    text-align:center;
}


.brand h1{
    font-size:28px;
}


.brand h2{
    font-size:18px;
}


.info p{
    font-size:15px;
}


/* MENIU */

nav{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
}


nav a{
    margin:0;
    font-size:17px;
}


/* HERO */

.hero{
    padding:30px 15px;
    min-height:auto;
}


.hero-text h1{
    font-size:34px;
}


.hero-text h2{
    font-size:23px;
}


.hero-text p{
    font-size:17px;
}


.hero-logo img{
    width:260px;
    margin-top:30px;
}


/* BUTOANE */

.btn{
    width:100%;
    padding:15px;
    font-size:17px;
}



/* SERVICII */

#servicii,
#echipa,
#galerie,
#locatie-contact{
    padding:35px 15px;
}


.services{
    grid-template-columns:1fr;
}


.card{
    min-height:auto;
    padding:20px;
    font-size:38px;
}


.card h3{
    font-size:21px;
}


.card p{
    font-size:16px;
}



/* GALERIE */

.gallery{
    grid-template-columns:1fr;
    gap:15px;
}


.photo img{
    height:250px;
}



/* ECHIPA */

.team img{
    width:100%;
}


.team p{
    font-size:18px;
}



/* CONTACT */

.box{
    width:100%;
    padding:25px 15px;
}


/* BUTOANE FIXE */

.whatsapp-float{
    right:15px;
    bottom:80px;
    width:55px;
    height:55px;
}


.music-btn{
    left:15px;
    bottom:15px;
    padding:12px 16px;
    font-size:14px;
}


.top-btn{
    right:15px;
    bottom:145px;
    width:45px;
    height:45px;
}

}