.book-appointment-container{min-height:100vh;background:linear-gradient(to bottom right,#f3f4f6,#f9fafb);padding:16px;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (min-width:640px){.book-appointment-container{padding:24px}}@media (min-width:768px){.book-appointment-container{padding:32px}}.form-container{max-width:672px;width:100%;margin-left:auto;margin-right:auto}.form-card{background:#ffffff;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:24px;border:1px solid #e5e7eb}@media (min-width:640px){.form-card{padding:32px}}@media (min-width:768px){.form-card{padding:40px}}.form-header{text-align:center;margin-bottom:32px}@media (min-width:640px){.form-header{margin-bottom:40px}}.form-header h1{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px;letter-spacing:-.025em}@media (min-width:640px){.form-header h1{font-size:30px}}@media (min-width:768px){.form-header h1{font-size:36px}}.form-header p{font-size:14px;color:#4b5563;font-weight:500}@media (min-width:640px){.form-header p{font-size:16px}}@media (min-width:768px){.form-header p{font-size:18px}}.alert{border-left:4px solid;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px;display:flex;align-items:center;gap:8px;animation:fade-in .3s ease-in}.alert-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.alert-success{background:#f0fdf4;border-color:#22c55e;color:#166534}.alert-icon{width:20px;height:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.form-content{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr;gap:24px}}.form-group{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;color:#1f2937;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease}.form-input:hover,.form-select:hover{border-color:#9ca3af}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.form-input::placeholder{color:#9ca3af}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.submit-button{width:100%;background:red;color:#ffffff;font-weight:600;padding:12px 24px;border-radius:8px;border:none;transition:background .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.submit-button:hover:not(:disabled){background:#2563eb;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.submit-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff,0 0 0 4px rgba(59,130,246,.5)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.submit-button-content{display:flex;align-items:center;justify-content:center;gap:8px}