:root {
  --primary: #007bff;
  --success: #28a745;
  --gray: #6c757d;
  --bg: #f7f9fc;
  --white: #fff;
  --font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
  font-family: var(--font);
  background: var(--bg);
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content-wrapper {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 15px;
}

.registration-card {
  background: var(--white);
  width: 100%;
  max-width: 950px;
  padding: 40px 50px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.card-header {
  text-align: center;
  margin-bottom: 30px;
}

.card-header h2 {
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 5px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px 30px;
}

.form-group label {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

.form-control {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  font-size: 15px;
}

.btn-register {
  width: 100%;
  padding: 14px;
  background: var(--success);
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
}

.btn-register:hover {
  background: #218838;
}

.login-link {
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

.select2-container .select2-selection--single {
  height: 50px !important;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 15px;
}

.select2-dropdown {
  max-height: 200px;
  overflow-y: auto;
}

.select2-search--dropdown .select2-search__field {
  height: 45px !important;
  border-radius: 6px;
  border: 1px solid #ced4da;
  padding-left: 35px !important;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%236c757d" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-5.34C15.21 5.61 12.6 3 9.5 3S3.79 5.61 3.79 8.39c0 2.78 2.61 5.39 5.71 5.39 1.61 0 3.09-.64 4.16-1.72l.27.28v.79l4.25 4.25 1.25-1.25L15.5 14zM9.5 13c-2.48 0-4.5-2.02-4.5-4.5S7.02 4 9.5 4s4.5 2.02 4.5 4.5S11.98 13 9.5 13z"/></svg>');
  background-repeat: no-repeat;
  background-position: 10px center;
}

.alert-success {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #c3e6cb;
        border-radius: 4px;
        color: #155724;
        background-color: #d4edda;
        text-align: center;
        font-weight: 600;
    }
    .alert-danger {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #f5c6cb;
        border-radius: 4px;
        color: #721c24;
        background-color: #f8d7da;
        text-align: center;
        font-weight: 600;
    }