body {
  background: linear-gradient(135deg, #181c24 0%, #232b38 100%);
  color: #f3f6fa;
}
a {
  color: #64ffda;
}
a:hover {
  color: #2196f3;
}
header {
  background: rgba(24,28,36,0.98);
  box-shadow: 0 2px 16px rgba(100,255,218,0.04);
  border-bottom: 1px solid rgba(24,28,36,0.98);
}
.logo a {
  color: #64ffda;
}
nav.main-nav ul li a {
  color: #f3f6fa;
}
nav.main-nav ul li a:hover,
nav.main-nav ul li a:focus {
  background: #232b38;
  color: #64ffda;
}
.login-dropdown button {
  border: 2px solid #64ffda;
  color: #64ffda;
}
.login-dropdown button:hover,
.login-dropdown button:focus {
  background: #64ffda;
  color: #181c24;
}
.login-dropdown-content {
  background: #232b38;
  box-shadow: 0 4px 16px rgba(100,255,218,0.10);
}
.login-dropdown-content a {
  color: #64ffda;
}
.login-dropdown-content a:hover,
.login-dropdown-content a:focus {
  background: #64ffda;
  color: #181c24;
}
.header-book-btn {
  background: linear-gradient(90deg, #64ffda 0%, #2196f3 100%);
  color: #181c24;
  box-shadow: 0 2px 8px rgba(100,255,218,0.08);
}
.header-book-btn:hover,
.header-book-btn:focus {
  background: linear-gradient(90deg, #2196f3 0%, #64ffda 100%);
  color: #fff;
  box-shadow: 0 4px 16px rgba(100,255,218,0.18);
}
.search-bar {
  background: #232b38;
}
.search-bar input[type="search"] {
  color: #f3f6fa;
}
.search-bar input[type="search"]::placeholder {
  color: #b2becd;
}
.search-bar button {
  background: #64ffda;
  color: #181c24;
}
.search-bar button:hover,
.search-bar button:focus {
  background: #2196f3;
  color: #fff;
}
form.search-form {
  background: #232b38;
  box-shadow: 0 2px 12px rgba(100,255,218,0.04);
}
form.search-form input,
form.search-form select {
  background: #181c24;
  color: #f3f6fa;
}
form.search-form input:focus,
form.search-form select:focus {
  background: #232b38;
  box-shadow: 0 0 0 2px #64ffda55;
}
form.search-form button {
  background: linear-gradient(90deg, #64ffda 0%, #2196f3 100%);
  color: #181c24;
}
form.search-form button:hover {
  background: linear-gradient(90deg, #2196f3 0%, #64ffda 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgba(100,255,218,0.18);
}
.barber-card {
  background: rgba(35, 43, 56, 0.98);
  box-shadow: 0 2px 16px rgba(100,255,218,0.06);
}
.barber-card:hover {
  box-shadow: 0 6px 32px rgba(100,255,218,0.18);
}
.barber-card h2 {
  color: #64ffda;
}
.barber-info {
  color: #b2becd;
}
.barber-photo {
  background: #232b38;
}
.status {
  color: #4caf50;
}
.status.offline {
  color: #f44336;
}
.special-offer {
  background: linear-gradient(90deg, #64ffda 0%, #2196f3 100%);
  color: #181c24;
  box-shadow: 0 2px 8px rgba(100,255,218,0.10);
}
button.feedback-btn {
  border: 2px solid #64ffda;
  color: #64ffda;
}
button.feedback-btn:hover {
  background: #64ffda;
  color: #181c24;
}
.contact-section {
  background: rgba(24,28,36,0.92);
}
.contact-window {
  background: #232b38;
  box-shadow: 0 8px 32px rgba(100,255,218,0.15), 0 2px 8px rgba(0,0,0,0.10);
}
.contact-wrapper h2 {
  color: #64ffda;
}
.contact-wrapper p {
  color: #b2becd;
}
.form-row label {
  color: #64ffda;
}
.form-row input,
.form-row textarea {
  border: 1.5px solid #232b38;
  background: #181c24;
  color: #f3f6fa;
}
.form-row input:focus,
.form-row textarea:focus {
  border-color: #64ffda;
  box-shadow: 0 0 0 2px #64ffda33;
}
.btn-submit {
  background: linear-gradient(90deg, #64ffda 0%, #2196f3 100%);
  color: #181c24;
  box-shadow: 0 2px 8px rgba(100,255,218,0.08);
}
.btn-submit:hover,
.btn-submit:focus {
  background: linear-gradient(90deg, #2196f3 0%, #64ffda 100%);
  color: #fff;
  box-shadow: 0 4px 16px rgba(100,255,218,0.18);
}
#closeContactBtn {
  background: #e65100;
  color: #fff;
}
#closeContactBtn:hover {
  background: #ff9800;
}
.alert-success {
  background: rgba(76, 175, 80, 0.2);
  border-left: 5px solid #4caf50;
  color: #a5d6a7;
}
.alert-error {
  background: rgba(244, 67, 54, 0.2);
  border-left: 5px solid #f44336;
  color: #ef9a9a;
}
.alert-warning {
  background: rgba(255, 193, 7, 0.2);
  border-left: 5px solid #ffc107;
  color: #fff3c4;
}
.alert-info {
  background: rgba(33, 150, 243, 0.2);
  border-left: 5px solid #2196f3;
  color: #bbdefb;
}
footer {
  background: #181c24;
  color: #b2becd;
  border-top: 1px solid #232b38;
}
::-webkit-scrollbar-track {
  background: #232b38;
}
::-webkit-scrollbar-thumb {
  background: #64ffda;
}
::-webkit-scrollbar-thumb:hover {
  background: #2196f3;
}