body{margin:0;font-family:'Segoe UI',sans-serif;background:linear-gradient(135deg,#000,#1B0033,#330033);color:#fff;text-align:center;}
h1,h2{color:#FF4FA1;}
.btn-primary{background:#FF4FA1;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;box-shadow:0 0 15px #FF4FA1;}
.feature-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.feature{background:#121212;padding:20px;border-radius:15px;width:250px;}
footer{margin-top:50px;padding:20px;background:#121212;color:#ccc;}
.btn-line{background:#4EFFA1;padding:10px 20px;margin:5px;border-radius:20px;color:#000;text-decoration:none;}
.btn-messenger{background:#008CFF;padding:10px 20px;margin:5px;border-radius:20px;color:#fff;text-decoration:none;}


/* DUDE16K responsive addon v1 */
/* Base image responsiveness */
img { max-width: 100%; height: auto; }

/* Reduce side menu overlap on small screens */
@media (max-width: 768px) {
  .floating-menu, .contact-float, .floating-chat {
    bottom: 10%;
    transform: none;
    flex-direction: row;
    gap: 8px;
  }
  header nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}

/* Improve tap targets on mobile */
@media (max-width: 640px) {
  nav a, .float-btn { padding: 10px 12px; font-size: 0.95rem; }
}

/* Subtle container spacing for tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  section { margin-top: 64px; margin-bottom: 64px; }
}

/* Progressive enhancement for prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* Enable smooth scrolling for anchor links (non-essential) */
html { scroll-behavior: smooth; }