:root{--ink:#171a22;--muted:#697181;--paper:#f5f7fb;--white:#fff;--violet:#6537d6;--violet2:#8b5cf6;--cyan:#20c4c7;--line:#dfe3ec;--danger:#a72b38;--shadow:0 24px 70px rgba(33,27,60,.13)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:.9rem;letter-spacing:.1em}.brand b{color:var(--violet)}.lens{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:0;border:6px solid #ede8ff}.admin-link{color:var(--muted);text-decoration:none;font-size:.9rem}.admin-link:hover{color:var(--violet)}.booking-shell{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(300px,480px) minmax(420px,610px);gap:clamp(40px,8vw,120px);align-items:center;justify-content:center;padding:60px 5vw;position:relative;overflow:hidden}.booking-shell:before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--cyan),transparent 68%);opacity:.1;left:-120px;bottom:-140px}.intro{position:relative;z-index:1}.eyebrow,.step-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--violet);font-weight:700;font-size:.72rem}.intro h1{font:700 clamp(2.8rem,5.2vw,5rem)/1.02 'Playfair Display',serif;margin:14px 0 22px;letter-spacing:-.045em}.intro h1 em{font-style:italic;color:var(--violet)}.intro>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:430px}.schedule-note{margin-top:40px;display:flex;gap:16px;align-items:center}.schedule-note>span{height:58px;width:58px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:700}.schedule-note div{display:flex;flex-direction:column;gap:4px}.schedule-note small{color:var(--muted);line-height:1.4}.booking-card{background:var(--white);border:1px solid rgba(101,55,214,.12);border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:var(--shadow);position:relative;z-index:1;min-height:530px}.steps{display:flex;align-items:center;margin-bottom:38px}.steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf0f5;color:#8a91a0;font-size:.8rem;font-weight:700;transition:.3s}.steps span.active{background:var(--violet);color:#fff;box-shadow:0 0 0 5px #eee9ff}.steps i{height:2px;flex:1;background:#e9eaf0}.form-step{display:none}.form-step.active{display:block;animation:rise .35s ease}@keyframes rise{from{opacity:0;transform:translateY(8px)}}h2{font:700 clamp(1.7rem,3vw,2.15rem)/1.15 'Playfair Display',serif;margin:8px 0 28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:.88rem;font-weight:600;margin-bottom:18px}select,input{width:100%;height:52px;border:1px solid var(--line);border-radius:12px;background:#fbfcff;color:var(--ink);padding:0 14px;font:500 1rem 'DM Sans';outline:none;transition:.2s}select:focus,input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(101,55,214,.1)}select:disabled{opacity:.6}.btn{height:52px;border-radius:12px;border:0;padding:0 22px;font:700 .95rem 'DM Sans';cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:wait}.btn.primary{background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;box-shadow:0 10px 24px rgba(101,55,214,.25);margin-left:auto}.btn.ghost{background:#f0f2f7;color:var(--ink)}.actions{display:flex;gap:12px;margin-top:8px}.alert{background:#fff1f3;border:1px solid #ffcbd2;color:var(--danger);padding:12px 14px;border-radius:10px;margin-bottom:18px;font-size:.9rem}.slots-head{display:flex;justify-content:space-between;margin:8px 0 12px;font-size:.88rem;font-weight:700}.slots-head small{color:var(--muted);font-weight:500}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-height:96px;margin-bottom:22px}.slot{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:600;cursor:pointer}.slot:hover,.slot.selected{border-color:var(--violet);background:#eee9ff;color:var(--violet)}.slot.selected{box-shadow:inset 0 0 0 1px var(--violet)}.loading,.empty{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.9rem}.summary{padding:16px;background:#f5f2ff;border-radius:14px;margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.summary strong{color:var(--violet)}.summary span{font-size:.88rem;color:var(--muted)}.success{text-align:center;padding:35px 10px}.success-mark{height:72px;width:72px;border-radius:50%;background:#e5fbf5;color:#158467;display:grid;place-items:center;font-size:2.1rem;margin:0 auto 24px}.success h2{margin-bottom:15px}.success p:not(.step-kicker){color:var(--muted);line-height:1.65}.success .btn{margin-top:18px}footer{text-align:center;color:#9298a4;font-size:.78rem;padding:18px} @media(max-width:900px){.booking-shell{grid-template-columns:1fr;gap:32px;padding-top:36px}.intro{text-align:center}.intro>p:not(.eyebrow){margin-left:auto;margin-right:auto}.schedule-note{justify-content:center}.intro h1{font-size:3.3rem}.booking-card{width:min(100%,620px);margin:auto}}@media(max-width:540px){.topbar{height:66px;padding:0 16px}.brand span:last-child{font-size:.75rem}.admin-link{font-size:.78rem}.booking-shell{padding:28px 14px}.intro h1{font-size:2.65rem}.intro>p:not(.eyebrow){font-size:.98rem}.schedule-note{align-items:flex-start;text-align:left}.booking-card{border-radius:20px;padding:24px 18px;min-height:520px}.field-grid{grid-template-columns:1fr;gap:0}.slots{grid-template-columns:repeat(3,1fr)}.actions .btn{flex:1}.btn.primary.next{width:100%}}