@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Manrope:wght@400;500;700;800&display=swap";:root{--primary:#0e0e0e;--surface-low:#131313;--surface-container:#191a1a;--surface-bright:#2b2c2c;--secondary:#c29569;--secondary-container:#543411;--text:#e7e5e5;--text-muted:#acabab;--ghost-border:#47484826;--font-brand:"Manrope", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:500px;min-height:100vh;margin:0 auto;padding:5rem 24px}header{text-align:left;margin-bottom:3rem}h1{font-family:var(--font-brand);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text), var(--text-muted));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:800;line-height:1.1}.subtitle{font-family:var(--font-brand);color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;font-size:1rem;font-weight:700}.steps{justify-content:flex-start;gap:8px;margin-bottom:40px;display:flex}.step{background-color:var(--surface-bright);width:48px;height:2px;transition:all .3s}.step.active{background-color:var(--secondary)}.card{background-color:var(--surface-low);border:1px solid var(--ghost-border);border-radius:1.5rem;margin-bottom:2rem;padding:2rem 1.5rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-brand);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;display:flex}.service-list{gap:8px;display:grid}.service-item{background-color:var(--surface-container);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:1.2rem;transition:all .2s;display:flex}.service-item:hover{background-color:var(--surface-bright)}.service-item.selected{background-color:var(--surface-bright);border-color:var(--secondary)}.service-name{font-size:1rem;font-weight:500}.service-price{font-family:var(--font-brand);color:var(--text);font-weight:700}.date-picker{margin-bottom:24px}input[type=date]{background-color:var(--surface-container);width:100%;color:var(--text);font-family:var(--font-ui);border:none;border-bottom:2px solid #0000;border-radius:8px;outline:none;padding:1rem;font-size:1rem;transition:border .3s}input[type=date]:focus{border-bottom-color:var(--secondary);border-bottom-right-radius:0;border-bottom-left-radius:0}.time-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.time-slot{background-color:var(--surface-container);border:1px solid var(--ghost-border);text-align:center;cursor:pointer;border-radius:8px;padding:14px 10px;font-size:.9rem;font-weight:500;transition:all .2s}.time-slot:hover:not(.booked){background-color:var(--surface-bright)}.time-slot.selected{background:linear-gradient(135deg, var(--secondary), var(--secondary-container));color:#000;border-color:#0000;font-weight:700}.time-slot.booked{opacity:.3;cursor:not-allowed;border:1px dashed var(--ghost-border);background-color:#0000}.form-group{margin-bottom:1.5rem}label{font-family:var(--font-brand);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}input[type=text],input[type=tel]{background-color:var(--surface-container);width:100%;color:var(--text);font-family:var(--font-ui);border:none;border-bottom:2px solid #0000;border-radius:8px;outline:none;padding:1rem;font-size:1rem;transition:all .3s}input:focus{border-bottom-color:var(--secondary);border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-primary{background:linear-gradient(135deg, var(--secondary), var(--secondary-container));color:#000;width:100%;font-family:var(--font-brand);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:1.2rem;font-size:1.1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #c2956926}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--surface-bright);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.footer{text-align:center;color:var(--text-muted);font-family:var(--font-brand);letter-spacing:.5px;text-transform:uppercase;padding:40px 0;font-size:.75rem}
