@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#0a0a0a;--primary-hover:#222;--secondary-color:#f7f7f8;--text-primary:#111;--text-secondary:#6b7280;--border-color:#e5e7eb;--bg-gradient:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--card-bg:#fffffff2;--error-color:#ef4444;--success-color:#10b981;--border-radius:16px;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-glow:0 0 20px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-container{max-width:480px;margin:4vh auto;padding:0 16px}.booking-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-lg), inset 0 1px 0 #fff9;border:1px solid #fff3;position:relative;overflow:hidden}.booking-header{text-align:center;border-bottom:1px solid var(--border-color);background:linear-gradient(#fff,#fff0);padding:30px 24px 24px}.booking-header h1{letter-spacing:-.5px;color:var(--primary-color);margin-bottom:30px;font-size:28px;font-weight:700}.progress-bar{justify-content:space-between;max-width:500px;margin:0 auto;display:flex;position:relative}.progress-bar:before{content:"";background-color:var(--border-color);z-index:1;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.progress-step{border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);z-index:2;transition:var(--transition);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative;box-shadow:0 0 0 4px #fff}.progress-step.active{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 4px white, var(--shadow-glow);transform:scale(1.1)}.progress-step.completed{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.booking-body{min-height:450px;padding:24px}.booking-footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f9fafbcc;flex-direction:column-reverse;gap:12px;padding:24px;display:flex}.booking-footer>.btn{width:100%}h2{letter-spacing:-.3px;text-align:center;margin-bottom:32px;font-size:22px;font-weight:700}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #00000026}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background-color:#d1d5db}.btn-secondary{color:var(--primary-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.selection-grid{grid-template-columns:1fr;gap:16px;display:grid}.selection-card{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background-color:#fff;border:2px solid #0000;padding:24px;position:relative;overflow:hidden}.selection-card:before{content:"";border-radius:inherit;border:1px solid var(--border-color);transition:var(--transition);pointer-events:none;position:absolute;inset:0}.selection-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.selection-card:hover:before{border-color:#d1d5db}.selection-card.selected{box-shadow:var(--shadow-md), 0 0 0 1px var(--primary-color);background-color:#fafafa}.selection-card.selected:before{border-color:var(--primary-color);border-width:2px}.selection-card h3{color:var(--primary-color);margin-bottom:8px;font-size:18px;font-weight:600}.selection-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.service-price{color:var(--primary-color);background:var(--secondary-color);border-radius:20px;margin-top:16px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-block}.contact-info{color:var(--primary-color);background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.phone-pill{color:var(--primary-color);transition:var(--transition);background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.phone-pill:hover{background:#e5e7eb;transform:translateY(-1px)}.selected-indicator{background-color:var(--primary-color);color:#fff;opacity:0;width:24px;height:24px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px;transform:scale(.5)}.selection-card.selected .selected-indicator{opacity:1;transform:scale(1)}.form-group{margin-bottom:24px}.form-group label{color:var(--primary-color);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid var(--border-color);width:100%;transition:var(--transition);background-color:#f9fafb;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px}.form-group input:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 4px #1111110d}.selection-list{flex-direction:column;gap:16px;display:flex}.selection-card.list-mode{align-items:center;gap:20px;padding:20px 24px;display:flex}.radio-circle{border:2px solid var(--border-color);width:24px;height:24px;transition:var(--transition);background:#fff;border-radius:50%;flex-shrink:0;position:relative}.selection-card.list-mode:hover .radio-circle{border-color:#d1d5db}.selection-card.list-mode.selected .radio-circle{border-color:var(--primary-color);border-width:7px}.selection-card.list-mode h3{margin-bottom:4px}.selection-card.list-mode .service-price{background:0 0;margin-top:0;margin-left:auto;padding:0;font-size:18px}.footer-actions{flex-direction:column;gap:16px;width:100%;display:flex}.footer-actions .btn{width:100%}.price-summary{text-align:center;border-bottom:1px solid var(--border-color);width:100%;padding-bottom:12px}.price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500;display:block}.price-value{color:var(--primary-color);font-size:22px;font-weight:700;line-height:1.2}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.app-container{margin:0;padding:0}.booking-card{border:none;border-radius:0;min-height:100vh}.booking-header{padding:30px 20px 20px}.booking-body{padding:30px 20px}.selection-grid{grid-template-columns:1fr}}
