.demo-page{--pp-bg:var(--background,#e0e0e0);--pp-text:var(--foreground,#1a1a2e);--pp-accent:var(--primary,#00e5ff);--pp-shadow:#000000d9;--pp-border:var(--card-border,#0000001f);--pp-card:var(--paper,#f0f0f0);--pp-muted:var(--foreground-muted,#00000073);background:var(--pp-bg);min-height:100vh;color:var(--pp-text);font-family:var(--font-mono,monospace);padding:clamp(20px,5vw,60px) 20px;transition:background .3s;position:relative}.demo-page:before{content:"";background:linear-gradient(90deg,var(--pp-accent,#00e5ff),#f09,var(--pp-accent,#00e5ff));z-index:100;background-size:200% 100%;height:4px;animation:4s linear infinite gradientSlide;position:fixed;top:0;left:0;right:0}@keyframes gradientSlide{0%{background-position:0%}to{background-position:200%}}.demo-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:700px;margin-bottom:32px;margin-left:auto;margin-right:auto;display:flex}.demo-back{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:var(--pp-muted,#00000073);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.demo-back:hover{color:var(--pp-accent,#00e5ff);transform:translate(-4px)}.demo-header-info{flex-direction:column;align-items:center;gap:6px;display:flex}.demo-title{font-family:var(--font-display,Anton,sans-serif);letter-spacing:-.03em;text-transform:uppercase;color:var(--pp-text,var(--foreground));font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1}.demo-subtitle{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:var(--pp-accent,#00e5ff);background:color-mix(in srgb,var(--primary)8%,transparent);border:1px solid color-mix(in srgb,var(--primary)20%,transparent);padding:4px 14px;font-size:11px;font-weight:700}.demo-badge{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;background:var(--pp-accent,#00e5ff);color:#000;box-shadow:2px 2px 0px 0px var(--pp-shadow);border:2px solid #000c;padding:4px 12px;font-size:10px;font-weight:800}.booking-container{flex-direction:column;gap:32px;max-width:700px;margin:0 auto;display:flex}.booking-progress{justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:0 10px;display:flex;position:relative}.booking-progress:before{content:"";background:var(--pp-border,#0000001a);z-index:0;height:3px;position:absolute;top:17px;left:30px;right:30px}.progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:10px;display:flex;position:relative}.progress-step:not(:last-child):after{content:"";background:var(--pp-border,#0000001a);z-index:0;width:calc(100% - 40px);height:3px;position:absolute;top:17px;left:calc(50% + 20px)}.progress-step.complete:not(:last-child):after{background:var(--pp-accent,#00e5ff);box-shadow:0 0 8px color-mix(in srgb,var(--primary)30%,transparent)}.progress-dot{width:36px;height:36px;font-family:var(--font-display,Anton,sans-serif);background:var(--pp-card,#f0f0f0);border:3px solid var(--pp-border,#0000001f);color:var(--pp-muted,#00000059);z-index:2;justify-content:center;align-items:center;font-size:12px;font-weight:900;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.progress-step.active .progress-dot{background:var(--pp-accent,#00e5ff);color:#000;box-shadow:3px 3px 0px 0px var(--pp-shadow),0 0 20px color-mix(in srgb,var(--primary)30%,transparent);border-color:#000c;transform:scale(1.15)}.progress-step.complete .progress-dot{background:var(--success,#00d68f);border-color:var(--pp-shadow);color:#000;box-shadow:2px 2px 0px 0px var(--pp-shadow);font-weight:900}.progress-label{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--pp-muted,#00000059);font-size:10px;font-weight:800;transition:all .3s}.progress-step.active .progress-label,.progress-step.complete .progress-label{color:var(--pp-text,var(--foreground))}.booking-card{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);box-shadow:6px 6px 0px 0px var(--pp-shadow);padding:clamp(24px,5vw,48px);transition:all .3s}.booking-card:hover{box-shadow:4px 4px 0px 0px var(--pp-shadow)}.glass-card{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);padding:24px}.booking-step{flex-direction:column;gap:24px;animation:.4s cubic-bezier(.23,1,.32,1) stepSlideIn;display:flex}@keyframes stepSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-heading{font-family:var(--font-display,Anton,sans-serif);letter-spacing:-.02em;text-transform:uppercase;color:var(--pp-text,var(--foreground));margin-bottom:4px;font-size:clamp(22px,4vw,32px);font-weight:900}.booking-mode-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.booking-mode-card{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);cursor:pointer;text-align:center;box-shadow:4px 4px 0px 0px var(--pp-shadow);flex-direction:column;align-items:center;gap:16px;padding:32px 20px;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.booking-mode-card:hover:not(.disabled){box-shadow:6px 6px 0px 0px var(--pp-shadow);border-color:var(--pp-accent,#00e5ff);transform:translate(-2px,-2px)}.booking-mode-card:active:not(.disabled){box-shadow:2px 2px 0px 0px var(--pp-shadow);transform:translate(2px,2px)}.booking-mode-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6);box-shadow:2px 2px #0006}.mode-icon{background:color-mix(in srgb,var(--primary)10%,transparent);border:2px solid color-mix(in srgb,var(--primary)30%,transparent);justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;transition:all .25s;display:flex}.booking-mode-card:hover:not(.disabled) .mode-icon{background:var(--pp-accent,#00e5ff);color:#000;box-shadow:2px 2px 0px 0px var(--pp-shadow);border-color:#000c;transform:scale(1.08)rotate(-2deg)}.mode-content{flex-direction:column;gap:6px;display:flex}.mode-title{font-family:var(--font-display,Anton,sans-serif);color:var(--pp-text,var(--foreground));letter-spacing:-.01em;text-transform:uppercase;font-size:16px;font-weight:800}.mode-desc{font-family:var(--font-mono,monospace);color:var(--pp-muted,#00000080);font-size:13px;line-height:1.4}.mode-badge{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;padding:3px 12px;font-size:10px;font-weight:800;display:inline-block}.mode-badge.available{background:var(--pp-accent,#00e5ff);color:#000;border:1px solid var(--pp-shadow)}.mode-badge.unavailable{background:var(--pp-border,#0000000f);color:var(--pp-muted,#0006);border:1px solid var(--pp-border,#0000001a)}.services-list{flex-direction:column;gap:12px;display:flex}.service-item{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);cursor:pointer;text-align:left;box-shadow:3px 3px 0px 0px var(--pp-shadow);justify-content:space-between;align-items:center;padding:18px 22px;transition:all .2s;display:flex}.service-item:hover{border-color:var(--pp-accent,#00e5ff);transform:translate(-1px,-1px);box-shadow:4px 4px #000000b3}.service-item.selected{background:color-mix(in srgb,var(--primary)8%,transparent);border-color:var(--pp-accent,#00e5ff);box-shadow:3px 3px 0px 0px var(--pp-shadow),inset 0 0 0 1px var(--pp-accent,#00e5ff)}.service-info{flex-direction:column;gap:4px;display:flex}.service-name{font-family:var(--font-display,Anton,sans-serif);color:var(--pp-text,var(--foreground));text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:700}.service-desc{color:var(--pp-muted,#00000080);font-size:13px}.service-meta{text-align:right}.service-duration{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--pp-muted,#00000073);font-size:11px;font-weight:700;display:block}.service-price{font-family:var(--font-display,Anton,sans-serif);color:var(--pp-accent,#00e5ff);font-weight:800}.flash-gallery{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px;display:grid}.flash-card{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);cursor:pointer;text-align:left;box-shadow:3px 3px 0px 0px var(--pp-shadow);flex-direction:column;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.flash-card:hover:not(:disabled){border-color:var(--pp-accent,#00e5ff);transform:translate(-2px,-2px);box-shadow:5px 5px #000000b3}.flash-card:active:not(:disabled){box-shadow:2px 2px 0px 0px var(--pp-shadow);transform:translate(1px,1px)}.flash-card.selected{border-color:var(--pp-accent,#00e5ff);box-shadow:3px 3px 0px 0px color-mix(in srgb,var(--primary)50%,transparent),inset 0 0 0 1px var(--pp-accent,#00e5ff)}.flash-card.selected:after{content:"✓";background:var(--pp-accent,#00e5ff);color:#000;z-index:2;border:2px solid #000c;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex;position:absolute;top:10px;right:10px}.flash-card{position:relative}.flash-card.claimed{opacity:.35;cursor:not-allowed;filter:grayscale(.7);box-shadow:1px 1px #0000004d}.flash-image{aspect-ratio:1;background-position:50%;background-size:cover;background-color:color-mix(in srgb,var(--primary)5%,transparent);filter:contrast(1.05);width:100%}.flash-image.flash-placeholder{opacity:.35;justify-content:center;align-items:center;font-size:36px;display:flex}.flash-info{border-top:2px solid var(--pp-border,#00000014);flex-direction:column;gap:4px;padding:12px;display:flex}.flash-title{font-family:var(--font-display,Anton,sans-serif);color:var(--pp-text,var(--foreground));text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:700;line-height:1.3}.flash-meta{color:var(--pp-muted,#00000080);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.flash-price{font-family:var(--font-display,Anton,sans-serif);color:var(--pp-accent,#00e5ff);font-weight:800}.flash-status-badge{font-family:var(--font-mono,monospace);color:var(--pp-muted,#0006);letter-spacing:.08em;text-transform:uppercase;background:#0000000f;border:1px solid #00000014;margin-top:4px;padding:2px 8px;font-size:9px;font-weight:800;display:inline-block}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--pp-muted,#00000080);font-size:11px;font-weight:800}.form-input{font-family:var(--font-mono,monospace);background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);color:var(--pp-text,var(--foreground));outline:none;padding:14px 16px;font-size:15px;font-weight:500;transition:all .2s}.form-input:focus{border-color:var(--pp-accent,#00e5ff);box-shadow:3px 3px 0px 0px color-mix(in srgb,var(--primary)30%,transparent),0 0 0 1px var(--pp-accent,#00e5ff);transform:translate(-1px,-1px)}.form-input::placeholder{color:var(--pp-muted,#0000004d);font-weight:400}.form-textarea{resize:vertical;min-height:100px}.availability-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.date-picker-wrap{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);box-shadow:2px 2px 0px 0px var(--pp-shadow);align-items:center;gap:12px;padding:8px 16px;display:flex}.date-picker-wrap label{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--pp-muted,#00000080);font-size:10px;font-weight:800}.date-input-minimal{color:var(--pp-text,var(--foreground));font-family:var(--font-mono,monospace);cursor:pointer;background:0 0;border:none;outline:none;font-size:14px;font-weight:700}.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.day-label{font-family:var(--font-display,Anton,sans-serif);text-transform:uppercase;letter-spacing:.12em;color:var(--pp-accent,#00e5ff);margin-bottom:12px;font-size:11px;font-weight:800}.slots-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.slot-btn{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);color:var(--pp-text,var(--foreground));font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:12px;font-size:12px;font-weight:700;transition:all .2s}.slot-btn:hover{border-color:var(--pp-accent,#00e5ff);background:color-mix(in srgb,var(--primary)5%,transparent);transform:translate(-1px,-1px);box-shadow:2px 2px #00000080}.slot-btn.selected{background:var(--pp-accent,#00e5ff);color:#000;box-shadow:3px 3px 0px 0px var(--pp-shadow);border-color:#000c;font-weight:900;transform:translate(-2px,-2px)}.booking-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:440px;margin:0 auto;padding:60px 20px;display:flex}.booking-icon{opacity:.5;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--primary)15%,transparent));margin-bottom:8px;font-size:48px}.booking-empty h2,.booking-empty h3{font-family:var(--font-display,Anton,sans-serif);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:22px;font-weight:900}.booking-empty p{color:var(--pp-muted,#0000008c);margin:0;font-size:15px;line-height:1.6}.booking-empty .public-actions,.public-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.confirmation{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.confirm-icon{background:var(--pp-accent,#00e5ff);width:80px;height:80px;font-family:var(--font-display,Anton,sans-serif);color:#000;border:3px solid var(--pp-shadow);box-shadow:4px 4px 0px 0px var(--pp-shadow);justify-content:center;align-items:center;margin-bottom:24px;font-size:32px;font-weight:900;animation:.5s cubic-bezier(.175,.885,.32,1.275) confirmPop;display:flex}@keyframes confirmPop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confirm-text{font-family:var(--font-mono,monospace);color:var(--pp-muted,#0000008c);max-width:400px;margin-bottom:24px;font-size:15px;line-height:1.6}.confirm-summary{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#0000001f);width:100%;max-width:380px;box-shadow:3px 3px 0px 0px var(--pp-shadow);flex-direction:column;gap:0;margin-bottom:32px;padding:24px;display:flex}.summary-row{border-bottom:1px solid var(--pp-border,#00000014);font-family:var(--font-mono,monospace);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{text-transform:uppercase;letter-spacing:.1em;color:var(--pp-muted,#00000073);font-size:10px;font-weight:800}.summary-row span:last-child{color:var(--pp-text,var(--foreground));font-weight:700}.booking-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.btn-secondary{font-family:var(--font-mono,monospace);border:2px solid var(--pp-border,#0003);color:var(--pp-text,var(--foreground));text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:14px 28px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--pp-text,var(--foreground));background:#00000008;transform:translate(-1px,-1px);box-shadow:2px 2px #00000080}.btn-secondary:active{box-shadow:none;transform:translate(1px,1px)}.btn-primary{font-family:var(--font-mono,monospace);background:var(--accent,#f09);color:#fff;border:2px solid var(--pp-shadow);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:4px 4px 0px 0px var(--pp-shadow);justify-content:center;align-items:center;padding:14px 40px;font-size:13px;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:6px 6px 0px 0px var(--pp-shadow);filter:brightness(1.05);transform:translate(-2px,-2px)}.btn-primary:active:not(:disabled){box-shadow:2px 2px 0px 0px var(--pp-shadow);transform:translate(2px,2px)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:2px 2px #0000004d}.btn-sm{padding:10px 24px;font-size:11px}.booking-next{width:100%}@media (max-width:640px){.demo-page{padding:16px 12px}.booking-mode-grid{grid-template-columns:1fr}.flash-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.booking-card{box-shadow:4px 4px 0px 0px var(--pp-shadow);padding:20px 16px}.demo-title{font-size:24px}.step-heading{font-size:20px}.booking-actions{flex-direction:column;gap:12px}.booking-actions button,.booking-actions a{text-align:center;justify-content:center;width:100%}.booking-progress{gap:4px;padding-bottom:12px;overflow-x:auto}.progress-step{flex-shrink:0;min-width:60px}.progress-label{white-space:nowrap;font-size:9px}.schedule-grid{grid-template-columns:1fr}.confirm-summary{max-width:100%}}@media (max-width:380px){.booking-card{padding:16px 12px}}@media (max-width:320px){.flash-gallery{grid-template-columns:1fr}}
/*# sourceMappingURL=4c75931fac1bd575.css.map*/