#background {
    -fx-background-color: linear-gradient(to bottom, #2E2E2E, #1C1C1C); /* Gradient background */
    -fx-padding: 20px;
}

.text {
    -fx-text-fill: #FFFFFF;
    -fx-font-size: 16px;
    -fx-font-family: "Segoe UI", sans-serif;
    -fx-font-weight: bold;
}

.text-field {
    -fx-background-color: rgba(255, 255, 255, 0.1); /* Transparent look */
    -fx-text-fill: #FFFFFF;
    -fx-border-color: transparent;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-padding: 10px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 5, 0.3, 0, 1); /* Shadow inside */
}

.text-field:focused {
    -fx-border-color: #00D8FF; /* Neon glow effect */
    -fx-border-width: 2px;
}

.button {
    -fx-background-color: linear-gradient(to bottom, #444444, #222222);
    -fx-text-fill: #FFFFFF;
    -fx-background-radius: 10px;
    -fx-padding: 10px 20px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 8, 0.4, 0, 2); /* Subtle shadow */
}

.button:hover {
    -fx-background-color: #00D8FF; /* Glowing hover effect */
    -fx-text-fill: #000000;
}

.button:pressed {
    -fx-background-color: #007ACC; /* Darker glow */
    -fx-effect: none;
}

.label {
    -fx-font-size: 14px;
    -fx-font-family: "Segoe UI", sans-serif;
}
