.anchor-pane {
    -fx-background-color: #c8c8cb;
}

.label {
    -fx-font-size: 14px;
    -fx-text-fill: #333333;
    -fx-font-weight: bold;
}

.text-field {
    -fx-border-color: #4a90e2;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
    -fx-background-color: white;
    -fx-font-size: 13px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.3), 5, 0, 0, 2);
}

.text-field:focused {
    -fx-border-color: #357ab7;
    -fx-background-color: #e6f0ff;
}

.button {
    -fx-background-color: rgba(70, 70, 70, 1);
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-padding: 10 20 10 20;
    -fx-cursor: hand;
    -fx-border-color: rgba(0, 0, 0, 0.2);
    -fx-border-width: 2;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.4), 0, 0, 0, 0);
}


.background-vbox {
    -fx-background-color: rgba(255, 255, 255, 0.92);
    -fx-background-radius: 10;
    -fx-padding: 20;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.32), 10, 0, 0, 0);
}

