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

html{
scroll-behavior:smooth;
}

body{
font-family:Arial, sans-serif;
background:#ffffff;
color:#222;
transition:0.3s;
}

.navbar-brand{
font-size:1.8rem;
}

section{
padding:80px 0;
}

.card{
border:none;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.card:hover{
transform:translateY(-8px);
}

#home{
background:linear-gradient(135deg,#0d6efd,#6f42c1);
color:white;
}

#home img{
box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.btn{
border-radius:10px;
}

footer{
margin-top:40px;
}

/* Dark Mode */

body.dark-mode{
background:#121212;
color:#f1f1f1;
}

body.dark-mode .navbar{
background:#1b1b1b !important;
}

body.dark-mode .navbar-brand,
body.dark-mode .nav-link{
color:#fff !important;
}

body.dark-mode .card{
background:#1f1f1f;
color:#fff;
}

body.dark-mode .form-control{
background:#2a2a2a;
color:#fff;
border:1px solid #444;
}

body.dark-mode footer{
background:#000 !important;
}

@media(max-width:768px){
#home{
text-align:center;
}
}

/* Dark Mode Contact Form Fix */

body.dark-mode .form-control{
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
}

body.dark-mode .form-control::placeholder{
    color: #cfcfcf !important;
    opacity: 1;
}

body.dark-mode .form-control:focus{
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
    box-shadow: none;
}

body.dark-mode textarea{
    color: #ffffff !important;
}

body.dark-mode input{
    color: #ffffff !important;
}