:root{--bg:#f7f8fa;--card:#fff;--text:#111;--muted:#6b7280;--border:#e5e7eb;--black:#000}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}main{max-width:920px;margin:auto;padding:32px 20px}.stepper{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.step-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px;font-weight:600;transition:all .2s}.step-btn.active{color:#fff;background:#000;border-color:#000}.step-btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 10px 25px #0000000d}input,select{border:1px solid var(--border);border-radius:12px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #0000000d}.btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:14px;padding:12px 18px;font-weight:700;transition:all .2s}.btn-primary:hover{opacity:.85}.btn-secondary{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;padding:12px 18px;font-weight:700}.btn-pill{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.service-card{border:1px solid var(--border);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.service-card:hover{box-shadow:0 8px 18px #0000000f}.service-card.selected{color:#fff;background:#000;border-color:#000}.service-left{align-items:center;gap:14px;display:flex}.service-icon{background:#0000000d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;overflow:hidden}.service-card.selected .service-icon{background:#ffffff26}.service-info{flex-direction:column;display:flex}.service-name{font-size:15px;font-weight:700}.service-desc{opacity:.7;margin-top:4px;font-size:13px}.service-price{font-size:18px;font-weight:800}@media (max-width:600px){main{padding:20px 14px}}input,select,textarea,button{font-size:16px}input,select,textarea{-webkit-text-size-adjust:100%}input[type=datetime-local]{min-height:44px}