.step-form-container{width:100%;max-width:90rem;margin:8rem auto 0;position:relative}.step-progress{margin-bottom:6rem}.progress-bar{background-color:var(--st-muted);border-radius:var(--_radius-s);height:2px;margin-bottom:3rem;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width var(--_animspeed-medium) var(--_animbezier)}.step-indicators{justify-content:space-between;display:flex;position:relative}.step-indicator{background-color:var(--st-muted);width:3.2rem;height:3.2rem;font:normal var(--fw-medium) 1.6rem/1 var(--_font-accent);color:var(--t-muted);transition:all var(--_animspeed-medium) var(--_animbezier);border:2px solid var(--st-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.step-indicator.active{background-color:var(--accent);border-color:var(--accent);color:var(--t-opp-bright)}.step-content{min-height:40rem;margin-bottom:6rem}.step{animation:fadeInUp var(--_animspeed-slow) var(--_animbezier)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}.step-title{font:normal var(--fw-semibold) 3.6rem/1.2 var(--_font-accent);color:var(--t-bright);letter-spacing:-.02rem;margin-bottom:1.2rem}.step-subtitle{font:normal var(--fw-regular) 1.8rem/1.6 var(--_font-default);color:var(--t-medium);margin-bottom:6rem}@media only screen and (min-width:768px){.step-title{letter-spacing:-.06rem;font-size:5.6rem;line-height:1.1}.step-subtitle{margin-bottom:8rem;font-size:2rem}}@media only screen and (min-width:1600px){.step-title{font-size:6.4rem}.step-subtitle{font-size:2.2rem}}.service-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:none;margin:0;display:grid}.service-card{border:2px solid var(--st-muted);border-radius:var(--_radius-m);cursor:pointer;transition:all var(--_animspeed-medium) var(--_animbezier);background:var(--base);padding:3rem 2.4rem;position:relative;overflow:hidden}.service-card:hover{border-color:var(--accent);transform:translateY(-.4rem)}.service-card.selected{border-color:var(--accent);background:var(--base-tint)}.service-icon{margin-bottom:2rem;font-size:4rem;display:block}.service-title{font:normal var(--fw-medium) 2.4rem/1.2 var(--_font-accent);color:var(--t-bright);margin-bottom:1rem}.service-description{font:normal var(--fw-regular) 1.6rem/1.5 var(--_font-default);color:var(--t-medium);margin-bottom:2rem}.service-duration{background:var(--st-muted);color:var(--t-muted);border-radius:var(--_radius-s);font:normal var(--fw-regular) 1.4rem/1 var(--_font-accent);padding:.6rem 1.2rem;display:inline-block}@media only screen and (min-width:768px){.service-grid{gap:3rem}.service-card{padding:4rem 3rem}.service-title{font-size:2.8rem}.service-description{font-size:1.8rem}}.datetime-container{gap:6rem;max-width:none;margin:0;display:grid}.date-selection h3,.time-selection h3{font:normal var(--fw-medium) 2.4rem/1.2 var(--_font-accent);color:var(--t-bright);margin-bottom:3rem}.date-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.2rem;margin-bottom:6rem;display:grid}.date-card{border:2px solid var(--st-muted);border-radius:var(--_radius-s);text-align:center;cursor:pointer;transition:all var(--_animspeed-medium) var(--_animbezier);background:var(--base);padding:2rem 1rem}.date-card:hover{border-color:var(--accent);transform:translateY(-.2rem)}.date-card.selected{border-color:var(--accent);background:var(--base-tint)}.date-day{font:normal var(--fw-regular) 1.2rem/1 var(--_font-accent);color:var(--t-muted);text-transform:uppercase;letter-spacing:.1rem;margin-bottom:.8rem}.date-number{font:normal var(--fw-bold) 2.8rem/1 var(--_font-accent);color:var(--t-bright);margin-bottom:.4rem}.date-month{font:normal var(--fw-regular) 1.2rem/1 var(--_font-accent);color:var(--t-muted);text-transform:uppercase;letter-spacing:.1rem}.time-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.2rem;display:grid}.time-card{border:2px solid var(--st-muted);border-radius:var(--_radius-s);text-align:center;cursor:pointer;transition:all var(--_animspeed-medium) var(--_animbezier);background:var(--base);font:normal var(--fw-medium) 1.8rem/1 var(--_font-accent);color:var(--t-bright);padding:1.8rem 1.2rem}.time-card:hover{border-color:var(--accent);transform:translateY(-.2rem)}.time-card.selected{border-color:var(--accent);background:var(--accent);color:var(--t-opp-bright)}@media only screen and (min-width:768px){.date-selection h3,.time-selection h3{font-size:3.2rem}.date-grid{grid-template-columns:repeat(6,1fr)}.time-grid{grid-template-columns:repeat(4,1fr)}}.form-grid{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:3rem;max-width:none;margin:0;display:grid}.form-group{flex-direction:column;display:flex;position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{font:normal var(--fw-medium) 1.6rem/1.2 var(--_font-accent);color:var(--t-bright);margin-bottom:1.2rem}.form-group input,.form-group select,.form-group textarea{border:none;border-bottom:2px solid var(--st-medium);font:normal var(--fw-regular) 2.2rem/1.6 var(--_font-accent);height:6rem;color:var(--t-bright);transition:border-color var(--_animspeed-medium) var(--_animbezier);background-color:#0000;outline:none;margin:0;padding:1.2rem .2rem;line-height:6rem}.form-group select{appearance:none;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .2rem center;background-repeat:no-repeat;background-size:2rem;height:6rem;padding-right:3rem;line-height:6rem}.form-group select option{background-color:var(--base);color:var(--t-bright);padding:1rem}.form-group select option:first-child{color:var(--t-muted)}.form-group textarea{resize:none;height:16rem;padding-top:1.2rem;line-height:1.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-bottom:2px solid var(--st-bright)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select option:first-child{color:var(--t-muted)}@media only screen and (min-width:768px){.form-grid{gap:4rem}.form-group label{font-size:1.8rem}.form-group textarea{height:23rem}}@media only screen and (min-width:1600px){.form-group input,.form-group select,.form-group textarea{font-size:2.2rem}}.confirmation-details{background:var(--base-tint);border-radius:var(--_radius-m);border:2px solid var(--st-muted);max-width:none;margin:0;padding:4rem}.detail-section{border-bottom:1px solid var(--st-muted);margin-bottom:3rem;padding-bottom:3rem}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{font:normal var(--fw-medium) 2.4rem/1.2 var(--_font-accent);color:var(--t-bright);margin-bottom:1.6rem}.service-summary{align-items:flex-start;gap:2rem;display:flex}.service-emoji{font-size:3.2rem}.service-summary>div{flex:1}.service-summary strong{font:normal var(--fw-medium) 2rem/1.2 var(--_font-accent);color:var(--t-bright);margin-bottom:.8rem;display:block}.service-summary p{font:normal var(--fw-regular) 1.6rem/1.5 var(--_font-default);color:var(--t-medium);margin-bottom:1rem}.duration{font:normal var(--fw-regular) 1.4rem/1 var(--_font-accent);color:var(--t-muted)}.detail-section p{font:normal var(--fw-regular) 1.8rem/1.5 var(--_font-default);color:var(--t-medium);margin:0}.detail-section p strong{font-weight:var(--fw-medium);color:var(--t-bright)}@media only screen and (min-width:768px){.confirmation-details{padding:5rem}.detail-section h3{font-size:2.8rem}.service-summary strong{font-size:2.4rem}.service-summary p,.detail-section p{font-size:2rem}}.step-navigation{border-top:1px solid var(--st-muted);align-items:center;gap:2rem;padding-top:6rem;display:flex}.nav-spacer{flex:1}.step-navigation .btn{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;height:5.6rem;line-height:5.6rem;font:normal var(--fw-medium) 2.2rem/1.5 var(--_font-accent);transition:all var(--_animspeed-medium) var(--_animbezier);background-color:#0000;border:2px;border-radius:2.8rem;outline:0;justify-content:center;align-items:center;gap:1.2rem;padding:0 2.2rem;text-decoration:none;display:inline-flex;position:relative}.step-navigation .btn i{font-size:2.6rem;display:inline-flex;position:relative;overflow:hidden}.step-navigation .btn-default{background-color:var(--accent);border-style:solid;border-color:var(--accent);color:var(--t-opp-bright)}.step-navigation .btn-outline{border-style:solid;border-color:var(--st-bright);color:var(--t-bright);background-color:#0000}.step-navigation .btn:disabled{opacity:.5;cursor:not-allowed}.no-touch .step-navigation .btn-default:hover:not(:disabled){transform:translateY(-.2rem)}.no-touch .step-navigation .btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}@media only screen and (min-width:768px){.step-navigation .btn{height:8.4rem;line-height:8.4rem;font:normal var(--fw-medium) 3rem/1.5 var(--_font-accent);border-width:2px;border-radius:4.2rem;gap:1.6rem;padding:0 3.2rem}.step-navigation .btn i{font-size:3.6rem}}.step-form-success{text-align:center;max-width:70rem;margin:0 auto;padding:8rem 4rem}.success-icon{margin-bottom:3rem}.success-title{font:normal var(--fw-semibold) 4.8rem/1.1 var(--_font-accent);color:var(--t-bright);letter-spacing:-.04rem;margin-bottom:2rem}.success-message{font:normal var(--fw-regular) 2rem/1.6 var(--_font-default);color:var(--t-medium);margin-bottom:4rem}.booking-details{background:var(--base-tint);border-radius:var(--_radius-m);border:2px solid var(--st-muted);margin-bottom:4rem;padding:3rem}.detail-item{border-bottom:1px solid var(--st-muted);font:normal var(--fw-regular) 1.8rem/1.4 var(--_font-default);color:var(--t-medium);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-item strong{font-weight:var(--fw-medium);color:var(--t-bright)}@media only screen and (min-width:768px){.step-form-success{padding:10rem 6rem}.success-title{font-size:6.4rem}.success-message{font-size:2.4rem}.booking-details{padding:4rem}.detail-item{padding:2rem 0;font-size:2rem}}@media only screen and (max-width:767px){.step-form-container{margin-top:4rem}.step-progress{margin-bottom:4rem}.step-content{min-height:30rem;margin-bottom:4rem}.step-title{font-size:2.8rem;line-height:1.2}.step-subtitle{margin-bottom:4rem;font-size:1.6rem}.service-grid{grid-template-columns:1fr;gap:2rem}.service-card{padding:2.4rem 2rem}.service-title{font-size:2rem}.service-description{font-size:1.4rem}.datetime-container{gap:4rem}.date-selection h3,.time-selection h3{margin-bottom:2rem;font-size:2rem}.date-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:4rem}.date-card{padding:1.5rem .8rem}.date-number{font-size:2.2rem}.time-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.time-card{padding:1.4rem .8rem;font-size:1.6rem}.form-grid{grid-template-columns:1fr;gap:2.4rem}.form-group label{font-size:1.4rem}.form-group input,.form-group select,.form-group textarea{height:5rem;font-size:1.8rem;line-height:5rem}.form-group textarea{height:14rem;line-height:1.5}.confirmation-details{padding:2.4rem}.detail-section h3{font-size:2rem}.service-summary{gap:1.5rem}.service-emoji{font-size:2.8rem}.service-summary strong{font-size:1.8rem}.service-summary p,.detail-section p{font-size:1.6rem}.step-navigation{flex-direction:column;gap:1.5rem;padding-top:4rem}.nav-spacer{display:none}.step-navigation .btn{justify-content:center;width:100%;height:5.6rem;padding:0 2rem;font-size:1.8rem;line-height:5.6rem}.step-navigation .btn i{font-size:2.2rem}.step-form-success{padding:4rem 2rem}.success-title{font-size:3.2rem}.success-message{font-size:1.6rem}.booking-details{padding:2rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.2rem 0;font-size:1.6rem}}.ph-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
