.auth-container { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.auth-box { border: 1px solid #ccc; padding: 15px; min-width: 250px; flex: 1; margin-bottom: 20px; }
.auth-box h3 { margin-top: 0; }
.auth-box .forgot-link { margin-top: 10px; display: block; }

.auth-box input[type="email"], .auth-box input[type="password"] { width: 50% !important; box-sizing: border-box; }
.auth-box .register-link { font-size: 2.5em !important; font-weight: bold; display: block; margin-top: 10px; }
.auth-link { font-size: 2.125em; font-weight: bold; display: block; margin-top: 10px; }

/* ===== Стили для выбора пакетов при регистрации ===== */
.package-selector { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.package-card-reg { flex: 1 1 180px; min-width: 140px; max-width: 220px; border: 2px solid #dee2e6; border-radius: 12px; padding: 15px 10px; text-align: center; background: #fff; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.package-card-reg:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.15); border-color: #0d6efd; z-index: 5; }
.package-card-reg.selected { border-color: #0d6efd; background: #f0f7ff; }
.package-card-reg .pkg-name { font-weight: 700; font-size: 1.1rem; margin-bottom: 6px; }
.package-card-reg .pkg-desc { font-size: 0.9rem; color: #555; margin-bottom: 8px; }
.package-card-reg .pkg-desc * { list-style: none !important; margin: 0; padding: 0; }
.package-card-reg .pkg-price { font-weight: 600; color: #28a745; font-size: 1.05rem; }
.package-card-reg .pkg-duration { font-size: 0.85rem; color: #6c757d; }
#registerBtn.active { background: #28a745 !important; border-color: #28a745 !important; color: #fff !important; }
#registerBtn.active:hover { background: #218838 !important; border-color: #218838 !important; }