*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{color:#222}
.header{position:fixed;width:100%;background:rgba(0,0,0,.7);z-index:10}
.container{max-width:1200px;margin:auto;padding:15px}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{color:#fff;font-weight:700}
.logo img{
    height: 50px; /* или колкото искаш */
    width: auto;
    display: block;
}
nav a{color:#fff;margin-left:20px;text-decoration:none}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('images/hero.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-content{color:#fff}
.hero h1{
  font-size: 56px;
  font-weight: 800;
  color: #ffffff;
  -webkit-text-stroke: 1.5px rgba(0,0,0,0.6);
  text-shadow: 0 8px 25px rgba(0,0,0,0.45);
}


.hero p{
  font-size: 20px;
  opacity: 0.9;
  text-shadow: 0 0 20px rgba(76,175,80,0.35);
}

.btn{background:#4CAF50;color:#fff;padding:14px 30px;border-radius:30px;text-decoration:none;display:inline-block;margin-top:20px}
.section{padding:80px 20px;text-align:center}
.section h2{
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.5px;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
  text-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.section h2::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:4px;
  background:#4CAF50;
  border-radius:10px;
}


.dark{background:#111;color:#fff}
.cards{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.card{
  position: relative;
  padding: 35px 30px;
  width: 300px;
  border-radius: 20px;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.95),
    rgba(245,245,245,0.9)
  );

  box-shadow:
    0 20px 40px rgba(0,0,0,0.12);

  transition: transform .35s ease, box-shadow .35s ease;
  overflow: hidden;
}

.card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:20px;
  padding:2px;
  background: linear-gradient(135deg, #4CAF50, #2e7d32);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.card:hover{
  transform: translateY(-14px);
  box-shadow:
    0 30px 70px rgba(0,0,0,0.25);
}
.card:hover::after{
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(
    circle at top,
    rgba(76,175,80,0.18),
    transparent 60%
  );
}

.about-text{
  font-size: 18px;
  line-height: 1.8;
  opacity: 0.95;
  text-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
#contact h2{
  color:#111;
  -webkit-text-stroke: 1px rgba(0,0,0,0.3);
}

.contact-form{max-width:500px;margin:auto;display:flex;flex-direction:column}
.contact-form input,.contact-form textarea{padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc}
.contact-form button{padding:14px;background:#4CAF50;color:#fff;border:none;border-radius:25px}
footer{background:#000;color:#aaa;text-align:center;padding:20px}