* { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:#111; color:#ffcc00; line-height:1.5; }
  a { color:#ffcc00; text-decoration:none; }
  a:hover { text-decoration:underline; }

  header {
    text-align:center;
    padding:60px 20px;
    background: linear-gradient(135deg, #222, #111);
  }
  header h1 { font-size:2.6em; margin-bottom:15px; }
  header p { font-size:1.2em; color:#ccc; margin-bottom:25px; }
  .price { font-size:1.8em; margin:20px 0; }
  .price span { margin-right:10px; }
  .price .original { text-decoration:line-through; color:#ff4444; }
  .price .discount { color:#00ff88; font-weight:bold; }

  .gallery {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    padding:20px;
  }
  .gallery img {
    width:220px;
    border-radius:12px;
    border:2px solid #ffcc00;
    opacity:0;
    transform: translateY(40px);
    transition: all 0.6s ease-out;
  }
  .gallery img.visible {
    opacity:1;
    transform: translateY(0);
  }
  .gallery img:hover {
    transform: scale(1.05);
    border-color:#00ff88;
  }

  .features {
    max-width:900px;
    margin:40px auto;
    padding:0 20px;
  }
  .features h2 { margin-bottom:15px; font-size:2em; text-align:center; }
  .features ul { list-style:disc; margin-left:25px; }
  .features li { margin-bottom:10px; font-size:1.1em; }

  .contact {
    text-align:center;
    margin:40px 0;
  }
  .contact button {
    background: linear-gradient(90deg,#ffcc00,#e6b800);
    color:#222;
    padding:14px 30px;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:1.1em;
    font-weight:bold;
    transition: transform 0.2s, box-shadow 0.3s;
  }
  .contact button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px #00ff88;
  }

  footer {
    text-align:center;
    margin:40px 0 20px 0;
    color:#aaa;
    font-size:0.85em;
  }

  @media(max-width:600px){
    .gallery img { width:90%; }
    header h1 { font-size:2em; }
  }