.service-form-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service-form-container{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.service-form-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.service-form-header h2{color:#1f2937;margin:0;font-size:24px;font-weight:600}.close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;transition:all .2s;display:flex}.close-button:hover{color:#1f2937;background-color:#f3f4f6}.service-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.required{color:#ef4444}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.message{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.message.success{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.message.error{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cancel-button,.submit-button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.cancel-button{color:#374151;background-color:#f3f4f6}.cancel-button:hover:not(:disabled){background-color:#e5e7eb}.submit-button{color:#fff;background-color:#3b82f6}.submit-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.service-form-overlay{padding:0}.service-form-container{border-radius:0;max-height:100vh}.service-form-header{border-radius:0}.service-form-header h2{font-size:20px}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}
.service-selection-container{max-width:1200px;margin:0 auto;padding:0 20px}.service-selection-header{text-align:center;margin-bottom:48px}.service-selection-header h1{color:#1f2937;margin-bottom:12px;font-size:36px;font-weight:700}.service-selection-header p{color:#6b7280;font-size:18px}.service-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.service-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #0000;border-radius:12px;padding:32px 24px;transition:all .3s;box-shadow:0 4px 6px #0000001a}.service-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.service-card-icon{justify-content:center;align-items:center;height:80px;margin-bottom:16px;font-size:64px;display:flex}.service-card-title{color:#1f2937;margin-bottom:12px;font-size:24px;font-weight:600}.service-card-description{color:#6b7280;min-height:48px;margin-bottom:24px;font-size:14px;line-height:1.6}.service-card-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.service-card-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (max-width:768px){.service-selection-container{padding:0 16px 24px}.service-selection-header h1{font-size:28px}.service-selection-header p{font-size:16px}.service-cards-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:24px 20px}.service-card-icon{height:60px;font-size:48px}.service-card-title{font-size:20px}}@media (min-width:769px) and (max-width:1024px){.service-cards-grid{grid-template-columns:repeat(2,1fr)}}