.booking-container{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.booking-header{text-align:center;margin-bottom:30px}.booking-header h2{color:#2d3748;font-size:28px;margin-bottom:8px}.booking-header p{color:#718096;font-size:16px}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:12px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-step-number{width:48px;height:48px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;transition:all 0.3s}.progress-step.active .progress-step-number{background:#4299e1;color:#fff;box-shadow:0 4px 12px rgb(66 153 225 / .4)}.progress-step.completed .progress-step-number{background:#48bb78;color:#fff}.progress-step-label{font-size:14px;color:#718096;font-weight:500;text-align:center}.progress-step.active .progress-step-label{color:#2d3748;font-weight:600}.progress-step-line{width:60px;height:3px;background:#e2e8f0;margin:0 4px}.booking-step{display:none}.booking-step.active{display:block;animation:fadeIn 0.3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-type-selection{text-align:center;margin-bottom:30px}.customer-type-selection h3{color:#2d3748;font-size:24px;margin-bottom:30px}.customer-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:700px;margin:0 auto}.customer-type-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .07);padding:32px 24px;text-align:center;transition:all 0.3s;cursor:pointer}.customer-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgb(0 0 0 / .12)}.customer-type-card .card-icon{font-size:48px;margin-bottom:16px}.customer-type-card h4{color:#2d3748;font-size:20px;margin-bottom:12px}.customer-type-card p{color:#718096;font-size:14px;line-height:1.6;margin-bottom:20px}.customer-type-card button{width:100%}.verification-section{margin-bottom:30px}.verification-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .07);padding:32px;max-width:500px;margin:0 auto}.verification-card h3{color:#2d3748;font-size:22px;margin-bottom:12px}.verification-card>p{color:#718096;margin-bottom:24px}#verificationMessage{margin-top:16px}.new-customer-info{max-width:700px;margin:0 auto}.info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .07);padding:40px;text-align:center}.info-icon{font-size:64px;margin-bottom:20px}.info-card h3{color:#2d3748;font-size:28px;margin-bottom:16px}.info-card>p{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:16px}.call-to-action{background:#f7fafc;border-radius:8px;padding:24px;margin:32px 0}.call-to-action p{color:#2d3748;font-size:16px;margin-bottom:16px}.phone-link{display:inline-flex;align-items:center;gap:12px;background:#4299e1;color:#fff;padding:16px 32px;border-radius:8px;font-size:20px;font-weight:600;text-decoration:none;transition:background 0.2s}.phone-link:hover{background:#3182ce}.phone-icon{font-size:24px}.info-benefits{text-align:left;background:#f7fafc;border-radius:8px;padding:24px;margin:24px 0}.info-benefits h4{color:#2d3748;font-size:18px;margin-bottom:16px}.info-benefits ul{list-style:none;padding:0}.info-benefits li{color:#4a5568;font-size:15px;padding:8px 0;border-bottom:1px solid #e2e8f0}.info-benefits li:last-child{border-bottom:none}.info-footer{color:#718096;font-size:14px;margin-top:24px;font-style:italic}.step-indicator{display:flex;justify-content:center;align-items:center;margin-bottom:30px;gap:12px}.step{display:flex;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.step.active .step-number{background:#4299e1;color:#fff}.step.completed .step-number{background:#48bb78;color:#fff}.step-label{font-size:14px;color:#718096;font-weight:500}.step.active .step-label{color:#2d3748}.step-divider{width:40px;height:2px;background:#e2e8f0}.step-content{display:none}.step-content.active{display:block}.calendar-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .07);padding:24px;margin-bottom:24px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header button{background:#4299e1;color:#fff;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.calendar-header button:hover{background:#3182ce}.calendar-header h3{color:#2d3748;font-size:20px;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-header{text-align:center;font-weight:600;color:#4a5568;font-size:14px;padding:8px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:14px;color:#2d3748;transition:all 0.2s;position:relative}.calendar-day:not(.disabled):not(.empty):hover{background:#edf2f7}.calendar-day.disabled{color:#cbd5e0;cursor:not-allowed}.calendar-day.empty{cursor:default}.calendar-day.selected{background:#4299e1;color:#fff}.calendar-day.in-range{background:#bee3f8;color:#2c5282}.calendar-day.start-date{background:#4299e1;color:#fff;border-radius:8px 0 0 8px}.calendar-day.end-date{background:#4299e1;color:#fff;border-radius:0 8px 8px 0}.calendar-day.single-day{border-radius:8px}.selection-info{background:#f7fafc;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #e2e8f0}.selection-info p{color:#4a5568;font-size:14px;margin-bottom:8px}.selection-info p:last-child{margin-bottom:0}.selection-info strong{color:#2d3748}.booking-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .07);padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color 0.2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4299e1}.form-group textarea{resize:vertical;min-height:80px}.button-group{display:flex;gap:12px}.btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background 0.2s}.btn-primary{background:#48bb78;color:#fff}.btn-primary:hover:not(:disabled){background:#38a169}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover{background:#cbd5e0}.btn:disabled{background:#cbd5e0;cursor:not-allowed;color:#a0aec0}.error-message{background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.success-message{background:#c6f6d5;color:#22543d;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}@media (max-width:640px){.booking-container{padding:12px}.calendar-wrapper,.booking-form{padding:16px}.calendar-day{font-size:12px}.step-indicator{flex-wrap:wrap}.step-label{display:none}}