body {
    margin: 0;
    font-family: 'Rajdhani', sans-serif;
    background-color: #101010;
    color: #FFFFFF;
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    background-color: #000;
    position: fixed; width: 100%; top: 0; z-index: 10;
}
header .logo { height: 50px; }
nav a { color: #FFF; margin-left: 30px; text-decoration: none; transition: color .3s; }
nav a:hover { color: #D4AF37; }
.hero {
    background: url('images/background.jpg') center/cover no-repeat;
    min-height: 100vh; display: flex; flex-direction: column;
    align-items: center; justify-content: center; padding: 120px 20px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.8);
}
.hero h2 { font-size: 3em; margin-bottom: .5em; }
.hero p { font-size: 1.2em; margin-bottom: 1em; max-width: 600px; }
.hero button, .hero input, .hero textarea {
    font-size: 1em; margin: .5em 0; padding: .8em; border-radius: 5px;
}
.hero button {
    background: #D4AF37; border: none; cursor: pointer; color: #000;
    transition: transform .3s;
}
.hero button:hover { transform: scale(1.05); background: #C0A347; }
.hero form { display: flex; flex-direction: column; align-items: center; }