/* =========================== NABABTRIP LUXURY THEME =========================== */
:root{
  --navy:      #0C101F;
  --navy-dark: #070D19;
  --gold:      #B58340;
  --gold-light:#D9BE75;
  --white:     #FFFFFF;
  --gray:      #BFC3CC;
}

/* Reset */
*{
  margin:     0;
  padding:    0;
  box-sizing: border-box;
}

body{
  font-family: Segoe UI, Arial, sans-serif;
  background:  var(--navy-dark);
  color:       var(--white);
  line-height: 1.7;
}

/* Header */
header{
  background:    linear-gradient(135deg, #070D19 0%, #0C101F 50%, #152238 100%);
  border-bottom: 1px solid rgba(181,131,64,.4);
  padding:       20px 0;
}

.container{
  width:     90%;
  max-width: 1200px;
  margin:    auto;
}

/* Logo */
.logo{
  font-size:   32px;
  font-weight: 700;
  color:       var(--gold-light);
}

/* Navigation */
nav{
  display:   flex;
  gap:       25px;
  flex-wrap: wrap;
}

nav a{
  color:       var(--white);
  text-decoration: none;
  font-weight: 600;
  transition:  .3s;
}

nav a:hover{
  color: var(--gold-light);
}

/* Hero */
.hero{
  text-align: center;
  padding:    80px 20px;
}

.hero h1{
  font-size:     48px;
  color:         var(--gold-light);
  margin-bottom: 20px;
}

.hero p{
  color:      var(--gray);
  max-width:  800px;
  margin:     auto;
}

/* Page Title */
.page-title{
  text-align: center;
  margin:     50px 0;
}

.page-title h1{
  color:     var(--gold-light);
  font-size: 42px;
}

/* Content Card */
.card{
  background:    #101827;
  border:        1px solid rgba(181,131,64,.25);
  border-radius: 15px;
  padding:       30px;
  margin-bottom: 30px;
}

.card h2{
  color:         var(--gold-light);
  margin-bottom: 15px;
}

/* Buttons */
.btn{
  display:         inline-block;
  background:      var(--gold);
  color:           white;
  text-decoration: none;
  padding:         14px 28px;
  border-radius:   10px;
  font-weight:     600;
  transition:      .3s;
}

.btn:hover{
  transform: translateY(-2px);
}

/* Service Boxes */
.services{
  display:               grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap:                   25px;
}

.service-box{
  background:    #101827;
  border:        1px solid rgba(181,131,64,.2);
  border-radius: 15px;
  padding:       25px;
}

.service-box h3{
  color:         var(--gold-light);
  margin-bottom: 10px;
}

/* Contact Form */
input,
textarea{
  width:         100%;
  padding:       14px;
  background:    #0C101F;
  color:         white;
  border:        1px solid rgba(181,131,64,.3);
  border-radius: 10px;
  margin-bottom: 15px;
}

input:focus,
textarea:focus{
  outline:      none;
  border-color: var(--gold);
}

/* Footer */
footer{
  background:  #060B15;
  border-top:  1px solid rgba(181,131,64,.3);
  padding:     40px 0;
  margin-top:  60px;
  text-align:  center;
}

footer p{
  color: var(--gray);
}

/* Mobile */
@media (max-width: 768px) {
  .hero h1{
    font-size: 34px;
  }
  nav{
    justify-content: center;
  }
}