*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family: Arial, sans-serif;
    }

    body{
      background:#f5f5f5;
      color:#333;
      line-height:1.6;
    }

    header{
      height:100vh;
      background:url('https://images.unsplash.com/photo-1519823551278-64ac92734fb1?q=80&w=1600&auto=format&fit=crop') center/cover;
      display:flex;
      justify-content:center;
      align-items:center;
      text-align:center;
      color:white;
      position:relative;
    }

    header::after{
      content:'';
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.45);
    }

    .hero{
      position:relative;
      z-index:2;
      padding:20px;
    }

    .hero h1{
      font-size:56px;
      margin-bottom:20px;
    }

    .hero p{
      font-size:22px;
      max-width:700px;
    }

    section{
      padding:80px 20px;
      max-width:1100px;
      margin:auto;
    }

    h2{
      text-align:center;
      margin-bottom:40px;
      font-size:36px;
    }

    .about{
      text-align:center;
      font-size:18px;
      max-width:800px;
      margin:auto;
    }

    .gallery{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
      gap:20px;
    }

    .gallery img{
      width:100%;
      height:260px;
      object-fit:cover;
      border-radius:16px;
      transition:0.3s;
    }

    .gallery img:hover{
      transform:scale(1.03);
    }

    .contact{
      text-align:center;
      font-size:20px;
    }

    .contact p{
      margin:12px 0;
    }

    footer{
      background:#111;
      color:white;
      text-align:center;
      padding:25px;
      margin-top:50px;
    }

    @media(max-width:768px){
      .hero h1{
        font-size:40px;
      }

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