:root {
    --primary-color: #1A1A1A;
    --secondary-color: #FFFFFF;
    --accent-color-1: #00FFFF;
    --accent-color-2: #FF007F;
}

body {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.hero {
    background: linear-gradient(45deg, var(--accent-color-1), var(--accent-color-2));
    padding: 4rem 2rem;
    text-align: center;
}

.form-control, .form-select {
    background-color: #2a2a2a;
    color: var(--secondary-color);
    border: 1px solid #444;
}

.form-control:focus, .form-select:focus {
    background-color: #2a2a2a;
    color: var(--secondary-color);
    border-color: var(--accent-color-1);
    box-shadow: 0 0 0 0.25rem rgba(0, 255, 255, 0.25);
}

.btn-primary {
    background-color: var(--accent-color-1);
    border-color: var(--accent-color-1);
    color: #000;
    font-weight: bold;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #00dddd;
    border-color: #00dddd;
}

.btn-primary:disabled {
    background-color: #555;
    border-color: #555;
    color: #aaa;
}

.form-label {
    font-weight: 500;
}