body{
    font-family:'Poppins',sans-serif;
    background:#0f0b1f;
    color:#ffffff;
}

/* ===== HEADER ===== */
.navbar{
    background:#140c2e;
    padding:15px 0;
}

.navbar-brand{
    font-weight:700;
    font-size:24px;
    color:#ffffff !important;
}

.navbar-brand span{
    color:#9b5cff;
}

.nav-link{
    color:#ffffff !important;
    margin-left:15px;
    font-weight:500;
}

.nav-link:hover{
    color:#9b5cff !important;
}

/* ===== HERO ===== */
.hero{
    padding:120px 0;
    text-align:center;
}

.hero h1{
    font-size:48px;
    font-weight:700;
}

.hero span{
    color:#9b5cff;
}

.btn-purple{
    background:#9b5cff;
    border:none;
    color:#fff;
    padding:10px 25px;
    border-radius:30px;
}

.btn-purple:hover{
    background:#7a3cff;
}

/* ===== FOOTER ===== */
footer{
    background:#140c2e;
    padding:60px 0 30px;
}

.footer-title{
    font-weight:600;
    margin-bottom:20px;
    color:#9b5cff;
}

.footer-link{
    display:block;
    color:#cccccc;
    text-decoration:none;
    margin-bottom:8px;
    font-size:14px;
}

.footer-link:hover{
    color:#ffffff;
}

.social-icons a{
    color:#ffffff;
    font-size:18px;
    margin-right:15px;
}

.social-icons a:hover{
    color:#9b5cff;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.1);
    margin-top:40px;
    padding-top:20px;
    text-align:center;
    font-size:14px;
    color:#aaa;
}

/* Responsive */
@media(max-width:768px){
    .hero h1{
        font-size:32px;
    }
}
/* ===== RESPONSIVE SEARCH BOX ===== */
.search-box{
max-width:600px;
margin:0 auto;
}

.search-form{
display:flex;
}

.search-input{
flex:1;
background:#1a1038;
border:1px solid #2d1c5a;
color:#fff;
padding:10px 16px;
border-radius:30px 0 0 30px;
font-size:14px;
height:42px;
}

.search-input::placeholder{
color:#bbb;
font-size:13px;
}

.search-input:focus{
background:#1a1038;
color:#fff;
box-shadow:0 0 10px rgba(155,92,255,0.4);
border-color:#9b5cff;
}

.search-btn{
border-radius:0 30px 30px 0;
padding:8px 20px;
font-size:14px;
height:42px;
white-space:nowrap;
}

/* ===== MOBILE FIX ===== */
@media(max-width:576px){

.search-form{
flex-direction:column;
}

.search-input{
border-radius:30px;
margin-bottom:10px;
width:100%;
}

.search-btn{
border-radius:30px;
width:100%;
height:42px;
}

}