body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
}

header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.hero {
    background-size: cover;
    background-position: center;
}

section {
    scroll-margin-top: 100px;
}

button, input[type="submit"] {
    transition: all 0.3s ease;
}

button:hover, input[type="submit"]:hover {
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        gap: 1rem;
    }
}