*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.booking-form-container{max-width:600px;min-width:500px;margin:60px auto;padding:30px 0;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;margin-bottom:30px;margin-left:30px;margin-right:30px;width:calc(100% - 60px);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2ac5db,#6ca3df);border-radius:3px;transition:width .3s ease}.form-step{display:none;padding:0 30px}.form-step.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h2{color:#333;margin-bottom:10px;font-size:24px}.step-description{color:#666;margin-bottom:25px;font-size:14px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=datetime-local],select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s ease;font-family:inherit}input:focus,select:focus{outline:none;border-color:#2ac5db}.input-method-toggle{display:flex;gap:12px;margin-bottom:25px;background:#f5f5f5;padding:4px;border-radius:8px}.toggle-option{flex:1;padding:10px 15px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease}.toggle-option.active{background:#fff;color:#2ac5db;box-shadow:0 2px 4px #0000001a}.toggle-option:hover{color:#2ac5db}.input-section{display:none}.input-section.active{display:block;animation:fadeIn .3s ease}.plate-lookup-container{display:flex;gap:10px;margin-bottom:20px}.plate-input-wrapper{flex:2}.state-input-wrapper{flex:1}.lookup-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#2ac5db,#6ca3df);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.lookup-button:hover{background:linear-gradient(135deg,#25b0c4,#5e92cc);transform:translateY(-1px);box-shadow:0 4px 12px #2ac5db66}.lookup-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.upload-button{width:100%;padding:40px 20px;background:#f8f9fa;border:2px dashed #cbd5e0;border-radius:8px;color:#4a5568;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.upload-button:hover{border-color:#2ac5db;background:#e8f7fa;color:#2ac5db}.image-preview{margin-top:15px;display:none}.image-preview.active{display:block}.preview-image{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:2px solid #e0e0e0}.image-actions{display:flex;gap:10px;margin-top:10px}.btn-remove{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s ease}.btn-remove:hover{background:#d32f2f}.lookup-status{padding:12px 15px;border-radius:8px;margin-bottom:20px;display:none;font-size:14px}.lookup-status.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.lookup-status.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.lookup-status.loading{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.service-option{position:relative}.service-option input[type=checkbox]{position:absolute;opacity:0}.service-label{display:block;padding:15px;border:2px solid #e0e0e0;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.service-option input[type=checkbox]:checked+.service-label{border-color:#2ac5db;background:#e8f7fa;color:teal;font-weight:600}.service-label:hover{border-color:#2ac5db}.button-group{display:flex;gap:12px;margin-top:30px}button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.confirmation-details{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:600}.error-message{color:#f44336;font-size:13px;margin-top:5px;display:none}.form-group.error input,.form-group.error select{border-color:#f44336}.form-group.error .error-message{display:block}@media(max-width:600px){.booking-form-container{margin:20px auto;padding:20px 0;min-width:unset}.service-grid{grid-template-columns:1fr}.button-group{flex-direction:column-reverse}.plate-lookup-container{flex-direction:column}}body.menu-open{overflow:hidden}nav{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;padding:15px 60px;box-shadow:0 2px 5px #0000000d;position:relative}.logo-container{display:flex;align-items:center;gap:12px;z-index:1001}.logo-icon{width:45px;height:45px;flex-shrink:0}.logo-icon svg{width:100%;height:100%}.logo-text h1{font-size:28px;font-weight:700;color:#333;letter-spacing:-.5px;line-height:1}.logo-text p{font-size:8px;color:#666;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-weight:500}.nav-menu{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:50px;margin:0;padding:0}.nav-links a{text-decoration:none;color:#333;font-size:16px;font-weight:400;transition:color .3s ease;position:relative}.nav-links a:hover{color:#40d4dd}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#40d4dd,#35c5ce);transition:width .3s ease}.nav-links a:hover:after{width:100%}.btn-primary{background:linear-gradient(135deg,#2ac5db,#6ca3df);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#25b0c4,#5e92cc);transform:translateY(-1px);box-shadow:0 4px 12px #2ac5db66}.contact-button{background:linear-gradient(135deg,#2ac5db,#6ca3df);color:#fff;padding:12px 28px;border:none;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #40d4dd4d;display:inline-block;white-space:nowrap}.contact-button:hover{background:linear-gradient(135deg,#25b0c4,#5e92cc);transform:translateY(-1px);box-shadow:0 4px 12px #2ac5db66}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:auto;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;transition:transform .3s ease}.hamburger span{width:30px;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.active span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}@media(max-width:768px){nav{padding:15px 20px}.logo-icon{width:38px;height:38px}.logo-text h1{font-size:22px}.logo-text p{font-size:7px;letter-spacing:1px}.hamburger{display:flex;margin:0 15px}.nav-menu{position:fixed;top:62px;left:-100%;width:100%;height:calc(100vh - 62px);background-color:#fff;transition:left .3s ease;overflow-y:auto;box-shadow:0 5px 15px #0000001a;align-items:start}.nav-menu.active{left:0}.nav-links{flex-direction:column;gap:0;padding:30px 20px;width:100%}.nav-links li{width:100%;border-bottom:1px solid #f0f0f0}.nav-links a{display:block;padding:20px 10px;font-size:18px;width:100%}.nav-links a:after{display:none}.contact-button{order:3;padding:10px 22px;font-size:12px;letter-spacing:.8px}}@media(max-width:480px){.logo-text h1{font-size:20px}.logo-text p{font-size:6px}.contact-button{padding:8px 18px;font-size:11px}.hamburger{width:24px;height:18px;margin-right:10px}.hamburger span{height:2.5px}}.demo-content{padding:60px 20px;text-align:center;max-width:800px;margin:0 auto}.demo-content h2{color:#333;margin-bottom:20px;font-size:32px}.demo-content p{color:#666;line-height:1.8;margin-bottom:15px}.demo-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-top:40px}.logo img,.logo svg{width:200px;height:100%;object-fit:contain}@media(max-width:768px){.logo{width:38px;height:38px}}@media(max-width:480px){.logo{width:35px;height:35px}}.asap-option{margin-bottom:15px}.asap-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;background:#f8f9fa;border-radius:8px}.asap-checkbox:hover{background:#e9ecef}.asap-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.asap-checkbox span{font-weight:500;color:#333}#appointmentTime.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.vin-link{color:#666;font-size:13px;text-decoration:underline;cursor:pointer;margin-bottom:10px}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;z-index:100}.popup.show{display:block}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.overlay.show{display:block}