:root{font-family:Inter,Manrope,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#e6e9ff;background-color:#0b0b1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(80,104,255,.18),transparent 35%),radial-gradient(circle at 80% 0%,rgba(170,70,255,.25),transparent 30%),#0b0b1a;color:#e6e9ff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid #74a7ff;outline-offset:3px}#root{min-height:100vh}.page{max-width:640px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:20px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(116,167,255,.25);border-radius:16px;background:#0c0c1ad9;box-shadow:0 10px 32px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:12px;z-index:10}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__logo{width:clamp(140px,40vw,210px);height:auto;display:block}.brand__text{display:flex;flex-direction:column;gap:4px}.brand__title{margin:0;font-size:26px;line-height:1.2;letter-spacing:.02em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#9fb5ff;font-weight:700}.link.ghost{padding:12px 14px;border:1px solid rgba(116,167,255,.45);border-radius:12px;color:#dce5ff;background:#111224a6;transition:background .18s ease,border-color .18s ease,transform .18s ease;white-space:nowrap}.link.ghost:hover,.link.ghost:focus-visible{background:#74a7ff24;border-color:#74a7ff;transform:translateY(-1px)}.hero{display:flex;flex-direction:column;gap:12px;padding:22px 18px;border-radius:18px;background:linear-gradient(150deg,#1a1c38eb,#0b0c24e6);border:1px solid rgba(116,167,255,.25);box-shadow:0 14px 48px #0000006b}.hero__title{margin:0;font-size:clamp(24px,6vw,32px);line-height:1.25}.hero__text{margin:0;color:#c5cbed;font-size:15px}.hero__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}.booking{display:grid;gap:18px}.calendar{padding:18px;border-radius:18px;background:#0c0c1ce0;border:1px solid rgba(116,167,255,.2);display:flex;flex-direction:column;gap:16px}.calendar__header{display:flex;flex-direction:column;gap:12px}.calendar__title,.slots__title{margin:4px 0 0;font-size:20px}.calendar__picker{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#aeb9f7}.calendar__picker input[type=date]{border-radius:10px;padding:10px 12px;border:1px solid rgba(116,167,255,.35);background:#121428e6;color:#f4f6ff;font-size:14px}.calendar__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.calendar__day{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;border:1px solid rgba(116,167,255,.2);background:#101222d9;color:#e6ebff;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.calendar__day:hover,.calendar__day:focus-visible{border-color:#74a7ff99;transform:translateY(-1px)}.calendar__day.is-selected{border-color:#7ea2ff;background:#4c87ff40}.calendar__day-name{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9fb5ff}.calendar__day-date{font-size:15px;font-weight:700}.slots{padding:18px;border-radius:18px;background:#0e0f22e0;border:1px solid rgba(116,167,255,.2);display:flex;flex-direction:column;gap:16px}.slots__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.slots__count{padding:6px 10px;border-radius:999px;background:#4c87ff33;color:#cfe1ff;font-size:12px;font-weight:700}.slots__state{display:flex;flex-direction:column;gap:12px;color:#c5cbed}.slots__grid{display:grid;gap:12px}.slots__card{display:grid;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid rgba(116,167,255,.2);background:#101222e6}.slots__card.is-disabled{opacity:.55}.slots__time{margin:0;font-size:16px;font-weight:700}.slots__status{margin:4px 0 0;font-size:12px;color:#aeb9f7}.toast{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(116,167,255,.35);background:#101222f2;color:#f2f5ff;font-size:14px;box-shadow:0 10px 30px #00000059}.toast--success{border-color:#66d78a73}.toast--error{border-color:#ff787880}.toast__close{border:none;background:none;color:inherit;font-weight:700;cursor:pointer;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid transparent;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;width:100%}.btn.primary{background:linear-gradient(120deg,#4c87ff,#6a6bff);color:#f7f7ff;box-shadow:0 12px 34px #4c87ff59}.btn.primary:hover,.btn.primary:focus-visible{transform:translateY(-1px);box-shadow:0 14px 40px #6a6bff66}.btn.secondary{background:#111224b3;border-color:#74a7ff73;color:#dce5ff}.btn.secondary:hover,.btn.secondary:focus-visible{border-color:#74a7ff;transform:translateY(-1px)}@media(min-width:640px){.page{padding:32px 24px 64px}.header{padding:16px 18px}.hero{padding:28px 24px}.hero__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar__header{flex-direction:row;align-items:center;justify-content:space-between}.calendar__picker{align-items:flex-end}.slots__card{grid-template-columns:1fr auto}}
