/* UTF-8 */
@charset "UTF-8";
   :root{
      --bg:#0b0b0f;
      --card:#16161d;
      --muted:#a7a7b4;
      --accent:#ff2d6f;
      --accent-2:#6d5efc;
      --white:#ffffff;
      --shadow:0 10px 30px rgba(0,0,0,.35);
      --radius:18px;
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Poppins','Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--white);background:var(--bg);line-height:1.7}

    .nav{position:fixed;inset:0 0 auto 0;height:70px;display:flex;align-items:center;justify-content:center;padding:0 16px;z-index:1000;background:rgba(12,12,18,.55);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
    .nav__inner{max-width:1100px;width:100%;display:flex;align-items:center;justify-content:space-between}
    .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);font-weight:700;letter-spacing:.5px}
    .logo__mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--shadow)}
    .menu{list-style:none;display:flex;gap:22px}
    .menu a{text-decoration:none;color:var(--white);opacity:.9;font-weight:600}
    .menu a:hover{color:var(--accent)}

    /* Hamburger */
    .hamburger{display:none;flex-direction:column;justify-content:space-around;width:28px;height:22px;cursor:pointer;z-index:1100}
    .hamburger span{display:block;height:3px;width:100%;background:var(--white);border-radius:3px;transition:0.3s}
    @media (max-width:860px){
      .menu{position:fixed;top:70px;right:-100%;height:calc(100vh - 70px);width:220px;background:var(--card);flex-direction:column;align-items:flex-start;padding:20px;gap:20px;transition:0.3s;box-shadow:var(--shadow);}
      .menu.active{right:0;}
      .hamburger{display:flex;}
    }
    .hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(8px);}
    .hamburger.active span:nth-child(2){opacity:0;}
    .hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px);}

    /* Υπόλοιπος κώδικας παραμένει αμετάβλητος */
    #home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
    #home video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
    #home::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 70% 10%,rgba(109,94,252,.35),transparent 60%),radial-gradient(800px 400px at 20% 80%,rgba(255,45,111,.35),transparent 60%),rgba(0,0,0,.55);z-index:-1}

    .hero__content{padding:120px 16px 80px;max-width:980px}
    .hero__title{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}
    .hero__subtitle{margin:14px auto 26px;max-width:720px;color:var(--muted)}
    .cta{display:inline-block;margin-top:8px;padding:14px 22px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(109,94,252,.35);transform:translateY(0);transition:transform .2s ease}
    .cta:hover{transform:translateY(-2px)}

    .scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:.9rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.9}
    .mouse{width:22px;height:34px;border:2px solid var(--muted);border-radius:14px;position:relative}
    .mouse::after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:6px;background:var(--muted);border-radius:2px;animation:wheel 1.6s infinite}
    @keyframes wheel{0%{opacity:1;transform:translate(-50%,0)}60%{opacity:.2;transform:translate(-50%,8px)}100%{opacity:0;transform:translate(-50%,12px)}}

    section{padding:100px 16px}
    .section__inner{max-width:1100px;margin:0 auto}
    .section__title{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:24px;color:#fff}
    .section__eyebrow{display:inline-block;margin-bottom:10px;font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}

    .angle{position:relative}
    .angle::before{content:"";position:absolute;inset:auto 0 100% 0;height:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.04));clip-path:polygon(0 100%,100% 0,100% 100%,0 100%)}

    #services{background:linear-gradient(180deg,#0f0f15,#111118)}
    .services{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
    .card{grid-column:span 6;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);text-align:left;display:flex;align-items:flex-start;gap:16px}
    .card__icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}
    .card__title{font-weight:800;margin-bottom:6px}
    .card__text{color:var(--muted);font-size:.98rem}
    @media (max-width:860px){.card{grid-column:span 12}}

    #reviews{background:linear-gradient(180deg,#111118,#0f0f15)}
    .review{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);text-align:left}
    .review__meta{opacity:.8;font-size:.9rem;margin-top:8px;}
	.review__stars{color:var(--accent)}
    .reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    @media (max-width:900px){.reviews__grid{grid-template-columns:1fr}}

    .gmb-wrap{margin-top:20px;border:1px dashed rgba(255,255,255,.25);border-radius:var(--radius);padding:18px;color:var(--muted)}
	.gmb-wrap a{color:#fff;}

    #contact{background:#0b0b0f}
    .contact{display:grid;gap:8px;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
    .contact a{color:#fff;text-decoration:none}

    .social-bar{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:900}
    .social-link{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:1.2rem}
    .social-link:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2))}
	
	.dj-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2rem;
  padding: 6rem 1rem;
}

.dj-image img {
  width: 100%;
  max-width: 450px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.dj-content {
  text-align: left;
}

.dj-content .section__eyebrow {
  color: var(--muted);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 0.5rem;
}

.dj-content .section__title {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}

.dj-content p {
  line-height: 1.8;
  color: var(--muted);
  margin-bottom:10px;
}

/* Responsive */
@media (max-width: 768px) {
  .dj-section {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .dj-content {
    text-align: center;
  }

  .dj-image img {
    margin: 0 auto;
  }
}


    footer{background:#09090c;padding:32px 16px;text-align:center;font-size:.9rem;color:var(--muted)}
	footer a{color:var(--accent)}
	
#scrollToTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  background-color: #111;
  color: #fff;
  border: none;
  outline: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  display: none; /* αρχικά κρυφό */
  transition: background 0.3s ease;
}

#scrollToTopBtn:hover {
  background-color: #444;
}


.google {
	margin-right:5px;
	color:var(--accent)
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}