.booking-page{padding:112px 0 64px;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 16px}.booking-hero{text-align:center;margin-bottom:48px}.booking-hero .badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#6366f133,#a855f733);color:#a78bfa;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.booking-hero h1{font-size:40px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.booking-hero p{color:#888;font-size:18px;max-width:500px;margin:0 auto 24px}.hero-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.hero-features .feature{display:flex;align-items:center;gap:8px;color:#aaa;font-size:14px}.hero-features .icon{font-size:20px}.booking-interface{background:#1e1e2e99;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.booking-interface h2{font-size:18px;font-weight:600;margin-bottom:16px}.calendar-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.month-year{font-weight:600;font-size:16px}.nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#ffffff1a}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.calendar-weekdays span{font-size:12px;color:#666;font-weight:500;padding:8px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid transparent}.calendar-day:hover:not(.disabled):not(.empty){background:#6366f133}.calendar-day.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.calendar-day.disabled{color:#444;cursor:not-allowed}.calendar-day.empty{cursor:default}.calendar-day.today{border-color:#6366f1}.timezone-note{font-size:12px;color:#666;margin-top:12px;text-align:center}.selected-date{color:#888;font-size:14px;margin-bottom:16px}.slots-container{min-height:300px}.slots-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#555;text-align:center}.slots-placeholder svg{margin-bottom:16px;color:#444}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot-btn{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.slot-btn:hover{background:#6366f133;border-color:#6366f166}.slot-btn.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;font-weight:600}.slot-btn.unavailable{color:#555;cursor:not-allowed;text-decoration:line-through}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;padding:0 20px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-circle{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#666;transition:all .3s}.step span{font-size:12px;color:#666;font-weight:500}.step.active .step-circle{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.step.active span{color:#fff}.step.completed .step-circle{background:#22c55e;border-color:transparent;color:#fff}.step.completed span{color:#22c55e}.step-line{width:60px;height:2px;background:#ffffff1a;margin:0 8px 20px}.step-line.active{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.slot-summary{margin-top:24px;padding:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:16px}.summary-card{display:flex;align-items:center;gap:16px;margin-bottom:16px}.summary-icon{font-size:32px}.summary-details{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:16px;font-weight:600;color:#fff}.proceed-btn{width:100%;justify-content:center;padding:16px 24px;font-size:16px}.step2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.back-link{display:flex;align-items:center;gap:8px;color:#888;font-size:14px;cursor:pointer;background:none;border:none;padding:8px 12px;border-radius:8px;transition:all .2s}.back-link:hover{color:#fff;background:#ffffff0d}.selected-time-badge{padding:8px 16px;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:14px;color:#a78bfa}.form-intro{margin-bottom:32px}.form-intro h2{font-size:24px;font-weight:700;margin-bottom:8px}.form-intro p{color:#888;font-size:15px;line-height:1.6}.form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;margin-bottom:24px}.form-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.form-section .section-note{font-size:13px;color:#666;margin-top:-8px;margin-bottom:20px}.booking-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:14px;color:#aaa;font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.form-group select option{background:#1e1e2e;color:#fff;padding:12px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}.form-actions .btn{display:flex;align-items:center;gap:8px;padding:14px 28px}.booking-success{text-align:center;padding:48px}.success-icon{margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.booking-success h2{font-size:28px;color:#22c55e;margin-bottom:8px}.success-message{color:#888;margin-bottom:24px}.booking-details{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:24px}.booking-details p{margin:8px 0;font-size:14px;color:#aaa}.booking-details strong{color:#fff}.email-note{color:#666;font-size:13px;margin-bottom:24px}.what-to-expect{margin-top:64px;text-align:center}.what-to-expect h2{font-size:24px;font-weight:700;margin-bottom:32px}.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.expect-card{background:#1e1e2e99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 16px}.expect-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.expect-card p{color:#888;font-size:14px;line-height:1.5}@media(max-width:768px){.booking-grid,.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.slots-grid{grid-template-columns:repeat(2,1fr)}.expect-grid{grid-template-columns:1fr}.hero-features,.form-actions{flex-direction:column;gap:12px}}