.demo-picker{position:relative}.demo-picker-trigger{width:100%;height:52px;padding:0 16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(13,20,36,.85);border:1px solid rgba(0,212,255,.25);border-radius:12px;color:#ffffff;font-size:14px;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.demo-picker-trigger svg{flex-shrink:0;width:18px;height:18px;color:#94a3b8}.demo-picker-trigger.is-open,.demo-picker-trigger:focus-visible,.demo-picker-trigger:hover{border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,.15);outline:none}.demo-picker-placeholder{color:rgba(255,255,255,.45)}.demo-picker-proxy{position:absolute;left:18px;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.demo-picker-popover{position:absolute;z-index:30;top:calc(100% + 8px);left:0;background:#0d1424;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45)}.demo-calendar{width:320px;max-width:calc(100vw - 40px);padding:16px 16px 12px}.demo-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700;font-size:15px;color:#ffffff}.demo-calendar-head button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#cbd5e1;cursor:pointer}.demo-calendar-head button:hover:not(:disabled){background:rgba(255,255,255,.06)}.demo-calendar-head button:disabled{opacity:.3;cursor:default}.demo-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.demo-calendar-weekday{padding:6px 0;font-size:12px;font-weight:600;color:#94a3b8}.demo-calendar-day{height:38px;border:0;border-radius:10px;background:transparent;color:#e2e8f0;font-size:14px;cursor:pointer;transition:background-color .15s ease}.demo-calendar-day:hover:not(:disabled){background:rgba(255,255,255,.08)}.demo-calendar-day.is-today{color:#00d4ff;font-weight:700}.demo-calendar-day.is-selected,.demo-calendar-day.is-selected:hover{background:#00d4ff;color:#00020f;font-weight:700}.demo-calendar-day:disabled{opacity:.28;cursor:default}.demo-calendar-day:focus-visible,.demo-time-slot:focus-visible{outline:2px solid #00d4ff;outline-offset:1px}.demo-picker-note{margin:8px 4px 0;font-size:12px;color:#94a3b8}.demo-times{width:100%;min-width:220px;max-height:280px;overflow-y:auto;padding:6px;overscroll-behavior:contain}.demo-time-slot{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#e2e8f0;font-size:14px;cursor:pointer}.demo-time-slot:hover{background:rgba(255,255,255,.06)}.demo-time-slot.is-selected{background:rgba(0,212,255,.14);color:#ffffff;font-weight:600}.demo-time-tag{font-size:11px;font-weight:600;color:#22c55e}.demo-time-tag.is-next-day{color:#94a3b8}html.demo-modal-open,html.demo-modal-open body{overflow:hidden}.demo-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;background:rgba(0,2,15,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:demo-modal-fade .2s ease}.demo-modal{position:relative;width:100%;max-width:560px;margin:auto 0;padding:36px 36px 32px;background:#0d1424;border:1px solid rgba(255,255,255,.08);border-top:3px solid #00d4ff;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.5);animation:demo-modal-rise .28s cubic-bezier(.16,1,.3,1)}@keyframes demo-modal-fade{0%{opacity:0}}@keyframes demo-modal-rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.demo-modal,.demo-modal-overlay{animation:none}}.demo-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#94a3b8;font-size:20px;cursor:pointer}.demo-modal-close:hover{background:rgba(255,255,255,.06);color:#ffffff}.demo-modal-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00d4ff}.demo-modal-eyebrow svg{width:20px;height:20px}.demo-modal h2{margin:10px 0 8px;font-size:28px;font-weight:700;line-height:1.2;color:#ffffff}.demo-modal-lede{margin:0 0 24px;font-size:15px;line-height:1.6;color:#94a3b8}.demo-modal form{display:flex;flex-direction:column;gap:16px}.demo-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-modal-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}.demo-modal-field>label,.demo-modal-field>legend,.demo-modal-field>span{margin:0;padding:0;font-size:14px;font-weight:600;color:#ffffff}.demo-modal-field input:not([type=radio],.demo-picker-proxy),.demo-modal-other{width:100%;height:48px;padding:0 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffff;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.demo-modal-field input:not([type=radio],.demo-picker-proxy)::placeholder,.demo-modal-other::placeholder{color:rgba(255,255,255,.4)}.demo-modal-field input:not([type=radio],.demo-picker-proxy):focus,.demo-modal-other:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,.15)}.demo-modal .demo-picker-trigger{height:48px;border-radius:10px;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);font-size:15px}.demo-modal .demo-picker-popover{z-index:40}.demo-modal-venues{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-modal-venue{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.demo-modal-venue svg{width:24px;height:24px}.demo-modal-venue:hover{border-color:rgba(0,212,255,.5)}.demo-modal-venue.is-selected{border-color:#00d4ff;background:rgba(0,212,255,.1);color:#ffffff}.demo-modal-venue:has(input:focus-visible){outline:2px solid #00d4ff;outline-offset:2px}.demo-modal-venue input{position:absolute;opacity:0;width:1px;height:1px;bottom:6px;left:50%}.demo-modal-other{margin-top:10px}.demo-modal-note{margin:-6px 0 0;font-size:12.5px;color:#94a3b8}.demo-modal-error{margin:0;font-size:14px;color:#ef4444}.demo-modal-submit{width:100%;height:54px;margin-top:4px;border:0;border-radius:999px;background:linear-gradient(135deg,#00d4ff,#0088ff);color:#00020f;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.demo-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,136,255,.35)}.demo-modal-submit:disabled{opacity:.7;cursor:default}.demo-modal-success{padding:12px 0 4px;text-align:center}.demo-modal-success>svg{width:56px;height:56px;color:#22c55e}.demo-modal-success p{margin:0 auto 24px;max-width:380px;font-size:16px;line-height:1.6;color:#cbd5e1}@media (max-width:575px){.demo-modal-overlay{padding:16px 12px}.demo-modal{padding:28px 20px 24px}.demo-modal h2{font-size:24px}.demo-modal-row{grid-template-columns:1fr}}