body {
  background-image: url('https://img.freepik.com/free-vector/indian-tricolor-theme-watercolor-texture-patriotic-background-vector_1055-11952.jpg');
  background-size: cover;        /* Ensures the image covers the viewport */
  background-repeat: no-repeat;
  background-position: center;   /* Centers the background image */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.main {
   flex:1;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   padding:20px;
}
.logo {
   font-size: 64px;
   font-weight: bold;
   text-align: center;
   font-family: 'Poppins', Arial, sans-serif;
   margin-bottom: 30px;
   user-select: none;
   display: inline-block;
}
.logo span {
   display: inline-block;
   transition: transform 0.3s ease;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
/* Indian Flag Inspired Colors */
.logo .l1 { color: #FF5500; } /* Saffron */
.logo .l2 { color: #138808; } /* Green */
.logo .l3 { color: #0000C3; } /* Navy blue (Ashoka Chakra) */
.logo .l4 { color: #FF5500; } /* Saffron */
.logo .l5 { color: #138808; } /* Green */
.logo .l6 { color: #0000C3; } /* Navy Blue */
.logo .l7 { color: #FF5500; } /* Saffron */
.logo .l8 { color: #138808; } /* Green */
.logo .l9 { color: #0000C3; } /* Navy Blue */
/* Hover effect */
.logo span:hover {
   transform: scale(1.2) rotate(-5deg);
   cursor: pointer;
}
/* Responsive */
@media (max-width:576px) {
   .logo {
     font-size: 50px;
  }
}
/* Search Box */
.search-box {
   width:100%;
   max-width:600px;
}
.search-group {
   display:flex;
   width:100%;
   box-shadow:0 1px 4px rgba(0,0,0,0.1);
   border-radius:30px;
   overflow:hidden;
}
.search-input {
   flex:1;
   height:56px;
   border: 1px solid #eee;
   padding:0 20px;
   font-size:18px;
   outline:none;
   border-top-left-radius:30px;
   border-bottom-left-radius:30px;
}
.search-btn {
   width:60px;
   height:56px;
   background:#f8f9fa;
   border: 1px solid #eee;
   font-size:20px;
   display:flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
   border-top-right-radius:30px;
   border-bottom-right-radius:30px;
   transition:background 0.2s;
}
.search-btn:hover {
   background:#e9ecef;
}
footer {
   background:#00135d;
   padding:15px 20px;
   border-top:1px solid #858080;
   font-size:14px;
}
.footer-links {
   display:flex;
   justify-content:space-between;
   flex-wrap:wrap;
}
.footer-links div {
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
}
.footer-links a {
   color:#FFFFFF;
   margin:5px 10px;
   text-decoration:none;
}
.footer-links a:hover {
   text-decoration:underline;
}
/* Mobile adjustments */
@media (max-width:576px){
   .footer-links {
     flex-direction:column;
     align-items:center;
  }
  .footer-links div {
     justify-content:center;
  }
  .search-input {
     font-size:16px;
     height:48px;
  }
  .search-btn {
     height:48px;
     width:50px;
     font-size:18px;
  }
}