:root{--bg:#fff;--bg-2:#f3f6fc;--surface:#fff;--surface-2:#f8f9fc;--fg:#111827;--fg-2:#374151;--fg-3:#9ca3af;--yellow:#ffc100;--yellow-dark:#e6ac00;--yellow-pale:#fff7cc;--teal:#0f2b6e;--teal-mid:#1a3a8a;--teal-pale:#eef2ff;--border:#e5e7eb;--border-soft:#f0f1f5;--shadow:0 1px 4px #0000000f, 0 4px 16px #0000000a;--shadow-lg:0 8px 40px #0000001a;--r:10px;--r-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{text-wrap:balance;font-weight:800;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2.2rem,5.5vw,3.8rem)}h2{letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:1.1rem}p{line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:.82rem;font-weight:700}.container{max-width:1080px;margin:0 auto;padding:0 28px}nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);background:#ffffffeb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:120px;display:flex}.logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-text{line-height:1.1}.logo-text .l1{color:var(--yellow-dark);letter-spacing:-.01em;font-size:2.4rem;font-weight:700}.logo-text .l2{letter-spacing:-.02em;text-transform:uppercase;color:#0f2b6e;font-size:2.6rem;font-weight:900;line-height:1}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--fg-2);cursor:pointer;font-size:.88rem;font-weight:600;transition:color .15s}.nav-links a:hover{color:var(--fg)}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:700;line-height:1;transition:all .18s;display:inline-flex}.btn-yellow{background:var(--yellow);color:#1a1200}.btn-yellow:hover{background:var(--yellow-dark);transform:translateY(-1px);box-shadow:0 4px 16px #ffc10066}.btn-outline{color:var(--teal);border:2px solid var(--teal);background:0 0}.btn-outline:hover{background:var(--teal-pale)}.btn-ghost{color:var(--fg-2);background:0 0}.btn-ghost:hover{color:var(--fg);background:var(--yellow-pale)}.btn-lg{border-radius:var(--r-lg);padding:14px 30px;font-size:1rem}.btn-sm{padding:7px 14px;font-size:.8rem}.page{display:none}.page.active{animation:.22s both fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{padding:88px 0 80px;position:relative;overflow:hidden}.hero-sun{pointer-events:none;background:radial-gradient(circle,#ffc1002e 0%,#ffc1000a 55%,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-140px;right:-100px}.hero-content{z-index:1;text-align:center;max-width:640px;margin:0 auto;position:relative}.hero .eyebrow{margin-bottom:18px}.hero h1{margin-bottom:12px}.hero h1 em{color:var(--teal);font-style:normal}.hero-tagline{color:var(--teal);margin-bottom:16px;font-size:1.2rem;font-weight:700}.hero-desc{color:var(--fg-2);max-width:500px;margin:0 auto 34px;font-size:1.05rem;line-height:1.72}.hero-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:44px;display:flex}.hero-pills{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.pill{background:var(--surface);border:1px solid var(--border-soft);color:var(--fg-2);box-shadow:var(--shadow);border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:.81rem;font-weight:600;display:inline-flex}.pill svg{flex-shrink:0}.band{background:var(--surface);padding:52px 0}.section-head{text-align:center;margin-top:0;margin-bottom:52px}.section-head h2{margin-top:0}.steps{grid-template-columns:repeat(2,1fr);gap:28px;max-width:720px;margin:0 auto;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 24px}.step-num{color:var(--yellow);font-variant-numeric:tabular-nums;opacity:.7;margin-bottom:16px;font-size:2.8rem;font-weight:800;line-height:1}.step-card h3{color:var(--fg);margin-bottom:8px}.step-card p{color:var(--fg-2);font-size:.88rem;line-height:1.65}.loc-strip{background:var(--bg-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:52px 0 44px}.loc-intro{text-align:center;max-width:560px;margin:0 auto 28px}.loc-intro h4{color:var(--fg);margin-bottom:8px;font-size:1rem;font-weight:700}.loc-intro p{color:var(--fg-2);margin-bottom:14px;font-size:.82rem;line-height:1.65}.loc-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.loc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:3px;padding:12px 16px;display:flex}.loc-card h5{color:var(--fg);font-size:.78rem;font-weight:700}.loc-card .loc-addr{color:var(--fg-3);font-size:.71rem}.loc-card .loc-host{color:var(--fg-3);font-size:.68rem}.loc-card .loc-phone{margin-top:4px}.loc-card .loc-phone a{color:var(--teal);font-size:.74rem;font-weight:600;text-decoration:none}.loc-card .loc-phone a:hover{text-decoration:underline}.cta-section{text-align:center;background:var(--surface);padding:88px 0;position:relative;overflow:hidden}.cta-section h2{color:var(--fg);margin-bottom:12px}.cta-section p{color:var(--fg-2);max-width:420px;margin:0 auto 32px;font-size:1.05rem}.cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}footer{border-top:1px solid var(--border-soft);background:var(--surface);padding:44px 0 28px}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:24px;display:flex}.footer-brand p{color:var(--fg-2);max-width:240px;margin-top:10px;font-size:.84rem}.footer-links{flex-shrink:0;gap:40px;display:flex}.footer-col h5{letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3);margin-bottom:12px;font-size:.7rem;font-weight:700}.footer-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col a{color:var(--fg-2);cursor:pointer;font-size:.86rem;transition:color .15s}.footer-col a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--border-soft);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:.79rem;display:flex}.book-hero{background:var(--yellow);text-align:center;padding:52px 0 32px}.book-hero .eyebrow{color:#00000073}.book-hero h2{color:#1a1200;margin-top:8px;font-size:2rem}.progress{justify-content:center;gap:8px;margin-top:18px;display:flex}.pdot{background:#00000026;border-radius:2px;width:32px;height:4px;transition:background .2s}.pdot.on{background:#1a1200}.book-body{padding:48px 0}.book-wrap{max-width:540px;margin:0 auto}.bstep{display:none}.bstep.active{display:block}.bstep-title{letter-spacing:-.02em;margin-bottom:6px;font-size:1.4rem;font-weight:800}.bstep-desc{color:var(--fg-2);margin-bottom:24px;font-size:.9rem}label{color:var(--fg-2);letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}input,select,textarea{border:1.5px solid var(--border-soft);border-radius:var(--r);background:var(--surface);width:100%;color:var(--fg);-webkit-appearance:none;outline:none;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1b6d901a}textarea{resize:vertical;min-height:85px;line-height:1.55}.fg{margin-bottom:16px}.fg-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-top:28px;padding-top:22px;display:flex}.time-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;display:grid}.tslot{border:1.5px solid var(--border-soft);border-radius:var(--r);cursor:pointer;text-align:center;background:var(--surface);color:var(--fg-2);padding:10px 6px;font-size:.82rem;font-weight:600;transition:all .15s}.tslot:hover{border-color:var(--teal);color:var(--teal)}.tslot.sel{border-color:var(--yellow-dark);background:var(--yellow-pale);color:#1a1200}.tslot.na{opacity:.3;cursor:not-allowed;pointer-events:none}.confirm-wrap{max-width:480px;margin:60px auto}.confirm-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);text-align:center;padding:36px}.confirm-icon{background:var(--yellow-pale);border:3px solid var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:2rem;display:flex}.confirm-card h2{margin-bottom:6px}.confirm-rows{text-align:left;margin:22px 0}.confirm-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:12px;padding:10px 0;font-size:.88rem;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-row .lbl{color:var(--fg-2)}.confirm-row .val{text-align:right;font-weight:700}.confirm-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.admin-login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 66px);padding:24px;display:flex}.admin-login-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);width:100%;max-width:360px;box-shadow:var(--shadow-lg);padding:32px}.admin-head{border-bottom:1px solid var(--border-soft);margin-bottom:22px;padding:26px 0 18px}.admin-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.stat{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--r);border-top:3px solid var(--yellow);padding:16px}.stat-val{color:var(--teal);font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:2rem;font-weight:800;line-height:1}.stat-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-size:.7rem;font-weight:700}.tabs{border-bottom:1.5px solid var(--border-soft);gap:2px;margin-bottom:18px;display:flex}.tab{color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:9px 18px;font-family:inherit;font-size:.87rem;font-weight:700;transition:all .15s}.tab.on{color:var(--teal);border-bottom-color:var(--teal)}.tab-pane{display:none}.tab-pane.on{display:block}.appt-list{flex-direction:column;gap:9px;display:flex}.appt-card{background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--yellow);border-radius:var(--r);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.appt-num{color:var(--fg-3);font-variant-numeric:tabular-nums;min-width:32px;font-size:1.2rem;font-weight:800}.appt-info{flex:1;min-width:180px}.appt-name{margin-bottom:4px;font-size:.92rem;font-weight:700}.appt-meta{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:.77rem;display:flex}.appt-acts{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.badge{letter-spacing:.03em;border-radius:100px;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.b-ready{color:#065f46;background:#d1fae5}.b-prog{color:#1e40af;background:#dbeafe}.b-done{color:#374151;background:#f3f4f6}.b-cancel{color:#991b1b;background:#fee2e2}.b-pend{background:var(--yellow-pale);color:#7a5800}.empty{text-align:center;color:var(--fg-3);padding:52px 20px}.empty-icon{margin-bottom:10px;font-size:2.2rem}.err{color:#c0392b;margin-bottom:10px;font-size:.82rem;display:none}code{background:var(--yellow-pale);color:#7a5800;border-radius:5px;padding:2px 7px;font-size:.85em}.toasts{z-index:999;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;bottom:22px;right:22px}.toast{background:var(--teal);color:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);max-width:300px;padding:11px 18px;font-size:.87rem;font-weight:600;animation:.2s toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.container{padding:0 18px}.nav-inner{height:64px}.nav-links{display:none}.logo img{width:52px!important;height:52px!important}.logo-text .l1{font-size:1.55rem}.logo-text .l2{font-size:1.7rem}.hero{text-align:center;padding:36px 0 32px}.hero-content{max-width:100%}.hero .eyebrow,.hero h1{margin-bottom:10px}.hero-desc{max-width:100%;margin-bottom:22px;font-size:.92rem}.hero-btns{flex-direction:column;justify-content:center;align-items:center;margin-bottom:28px}.hero-btns .btn{justify-content:center;width:100%;max-width:320px}.hero-pills{justify-content:center}.steps{grid-template-columns:1fr;gap:16px}.band{padding:40px 0}.loc-grid{gap:6px}.cta-section{padding:64px 0}.cta-btns{flex-direction:column;align-items:center}.cta-btns .btn{justify-content:center;width:100%;max-width:320px}.footer-row{flex-direction:column;gap:24px}.footer-links{gap:28px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:8px}.stats{grid-template-columns:1fr 1fr}.book-body{padding:32px 0}.fg-row{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column-reverse;gap:10px}.form-actions .btn{justify-content:center;width:100%}.confirm-wrap{margin:32px auto}.confirm-card{padding:24px 20px}input,select,textarea{font-size:16px}.step-card{padding:22px 18px}.btn-sm{padding:10px 16px}}
