:root{--bg-primary:#080808;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-accent:#1e1b15;--accent:#d4af37;--accent-rgb:212, 175, 55;--accent-light:#f3e5ab;--accent-dark:#aa8513;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#666;--success:#2ecc71;--error:#e74c3c;--warning:#f1c40f;--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-round:50%;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #000000b3;--shadow-lg:0 16px 40px #000000e6;--shadow-accent:0 4px 20px #d4af3740;--shadow-pulse:0 0 0 0 #d4af3766;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-primary);font-size:16px;overflow:hidden}.app-container{background:radial-gradient(circle at bottom left, #1a150e 0%, var(--bg-primary) 70%);width:100vw;height:100dvh;display:flex}.desktop-hero{padding:var(--space-xxl);background-image:url(/assets/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.desktop-hero:before{content:"";z-index:1;background:linear-gradient(90deg,#080808e6 30%,#08080866 100%);position:absolute;inset:0}.desktop-hero-content{z-index:2;max-width:600px;position:relative}.desktop-hero-content .badge{align-items:center;gap:var(--space-sm);color:var(--accent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-family:var(--font-secondary);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:1px;background-color:#d4af371a;border:1px solid #d4af374d;font-weight:600;display:inline-flex}.desktop-hero-content h1{margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--text-primary) 50%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1}.desktop-hero-content p{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.15rem;line-height:1.6}.desktop-features{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.feature-item{align-items:flex-start;gap:var(--space-md);display:flex}.feature-icon-wrapper{background-color:var(--bg-tertiary);color:var(--accent);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid #ffffff0d;font-size:1.25rem}.feature-item h3{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:1rem}.feature-item p{color:var(--text-muted);margin-bottom:0;font-size:.85rem}.phone-wrapper{width:450px;height:100%;padding:var(--space-lg);z-index:10;background-color:#ffffff05;border-left:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.phone-mockup{background-color:var(--bg-primary);width:100%;height:100%;max-height:850px;box-shadow:var(--shadow-lg), 0 0 0 12px #1f1f1f, 0 0 0 13px #2d2d2d;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-mockup:before{content:"";z-index:9999;background-color:#1f1f1f;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-screen{width:100%;height:100%;padding-top:25px;padding-bottom:var(--safe-area-bottom);flex-direction:column;flex:1;display:flex;position:relative}.app-header{height:64px;padding:0 var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#121212d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.brand-info{flex-direction:column;display:flex}.brand-name{letter-spacing:.5px;font-size:1.15rem;font-weight:700}.brand-status{align-items:center;gap:var(--space-xs);color:var(--success);font-size:.7rem;font-family:var(--font-secondary);font-weight:500;display:flex}.status-dot{background-color:var(--success);border-radius:var(--radius-round);width:6px;height:6px;box-shadow:0 0 8px var(--success);animation:2s infinite pulse-green}.header-action{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-round);width:36px;height:36px;transition:var(--transition-fast);background-color:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.header-action:hover{color:var(--accent);background-color:#d4af3714}.app-content{scrollbar-width:none;flex:1;padding-bottom:90px;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.tab-panel{opacity:0;transition:opacity var(--transition-normal);padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:none}.tab-panel.active{opacity:1;display:flex}.app-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:72px;padding:0 var(--space-md) var(--safe-area-bottom) var(--space-md);z-index:100;background-color:#121212eb;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-family:var(--font-secondary);cursor:pointer;transition:var(--transition-fast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);flex-direction:column;width:20%;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.nav-item i{transition:var(--transition-fast);font-size:1.25rem}.nav-item:hover,.nav-item.active{color:var(--accent)}.nav-item.active i{text-shadow:0 0 10px #d4af374d;transform:translateY(-2px)}.app-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#000000b3;position:absolute;inset:0}.app-overlay.active{opacity:1;pointer-events:auto}@keyframes pulse-green{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 6px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}@media (max-width:1024px){.desktop-hero{display:none}.phone-wrapper{background-color:var(--bg-primary);border-left:none;width:100vw;height:100dvh;padding:0}.phone-mockup{max-height:100%;box-shadow:none;border-radius:0}.phone-mockup:before{display:none}.app-screen{padding-top:0}.app-nav{height:calc(72px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);z-index:1000;position:fixed;bottom:0;left:0;right:0}.bottom-sheet{z-index:9999;height:88%;position:fixed;bottom:0;left:0;right:0}}.hero-section{text-align:center;min-height:calc(100vh - 160px);padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af371a 0%,#d4af3700 70%);width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-subtitle{font-family:var(--font-secondary);color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-sm);z-index:2;font-size:.85rem;font-weight:600}.hero-title{margin-bottom:var(--space-xxl);z-index:2;font-size:2.2rem;font-weight:800;line-height:1.2}.booking-trigger-container{z-index:2;margin-bottom:var(--space-xxl);position:relative}.btn-huge-round{border-radius:var(--radius-round);background:radial-gradient(circle, var(--accent) 0%, var(--accent-dark) 100%);border:4px solid var(--bg-primary);width:170px;height:170px;box-shadow:var(--shadow-md), 0 0 20px #d4af3766;color:var(--bg-primary);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;display:flex;position:relative}.btn-huge-round i{transition:transform var(--transition-normal);font-size:2.5rem}.btn-huge-round span{text-transform:uppercase;letter-spacing:1px;font-size:.95rem;font-weight:800}.booking-trigger-container:before,.booking-trigger-container:after{content:"";border-radius:var(--radius-round);border:1px solid var(--accent);pointer-events:none;z-index:-1;animation:3s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:0;box-shadow:0 0 15px #d4af374d}.booking-trigger-container:after{animation-delay:1.5s}.btn-huge-round:hover{box-shadow:var(--shadow-lg), 0 0 30px #d4af3799;transform:scale(1.04)}.btn-huge-round:hover i{transform:rotate(15deg)scale(1.1)}.btn-huge-round:active{transform:scale(.96)}.salon-features-mini{gap:var(--space-lg);width:100%;margin-top:var(--space-md);z-index:2;justify-content:center;display:flex}.mini-feature{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-secondary);display:flex}.mini-feature i{color:var(--accent)}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:.5}to{opacity:0;transform:scale(1.35)}}.bottom-sheet{background-color:var(--bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:300;height:85%;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 40px #000c}.bottom-sheet.active{transform:translateY(0)}.sheet-header{padding:var(--space-md) var(--space-lg) var(--space-sm) var(--space-lg);border-bottom:1px solid #ffffff08;flex-direction:column;align-items:center;display:flex;position:relative}.sheet-handle{border-radius:var(--radius-full);width:40px;height:5px;margin-bottom:var(--space-md);cursor:pointer;background-color:#fff3}.sheet-title-area{justify-content:space-between;align-items:center;width:100%;display:flex}.sheet-title{font-size:1.25rem;font-weight:700}.btn-sheet-close{border-radius:var(--radius-round);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background-color:#ffffff0d;border:none;justify-content:center;align-items:center;display:flex}.btn-sheet-close:hover{color:var(--error);background-color:#e74c3c1a}.sheet-progress-bar{background-color:#ffffff0d;width:100%;height:4px;position:relative}.sheet-progress-line{background-color:var(--accent);width:20%;height:100%;box-shadow:0 0 8px var(--accent);transition:width var(--transition-normal)}.sheet-content{padding:var(--space-lg);scrollbar-width:none;flex:1;overflow-y:auto}.sheet-content::-webkit-scrollbar{display:none}.booking-step{animation:fadeIn var(--transition-normal);display:none}.booking-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sheet-footer{padding:var(--space-md) var(--space-lg) calc(var(--space-md) + var(--safe-area-bottom)) var(--space-lg);gap:var(--space-md);background-color:#121212f2;border-top:1px solid #ffffff0d;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-md);height:48px;font-family:var(--font-primary);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;transition:var(--transition-fast);border:none;flex:1;font-size:.95rem;font-weight:700;display:flex}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-light);box-shadow:var(--shadow-accent)}.btn-primary:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-secondary);background-color:#0000;border:1px solid #ffffff1a}.btn-secondary:hover{color:var(--text-primary);background-color:#ffffff0d}.services-list{gap:var(--space-sm);flex-direction:column;display:flex}.service-card{padding:var(--space-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex}.service-card-info{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.service-name{font-size:1rem;font-weight:700}.service-meta{color:var(--text-muted);font-size:.75rem;font-family:var(--font-secondary);gap:var(--space-md);display:flex}.service-card-action{align-items:center;gap:var(--space-md);display:flex}.service-price{color:var(--accent);font-size:1.1rem;font-weight:800;font-family:var(--font-secondary)}.service-checkbox{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--bg-primary);transition:var(--transition-fast);border:2px solid #fff3;justify-content:center;align-items:center;font-size:.75rem;display:flex}.service-card.selected{border-color:var(--accent);background-color:var(--bg-accent)}.service-card.selected .service-checkbox{background-color:var(--accent);border-color:var(--accent)}.barbers-grid{gap:var(--space-md);flex-direction:column;display:flex}.barber-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #ffffff08;display:flex}.barber-avatar{border-radius:var(--radius-round);object-fit:cover;width:56px;height:56px;transition:var(--transition-fast);border:2px solid #ffffff1a}.barber-info{flex-direction:column;flex:1;display:flex}.barber-name{font-size:1rem;font-weight:700}.barber-title{color:var(--text-muted);font-size:.75rem}.barber-radio{border-radius:var(--radius-round);width:22px;height:22px;transition:var(--transition-fast);border:2px solid #fff3;justify-content:center;align-items:center;display:flex}.barber-radio:after{content:"";border-radius:var(--radius-round);background-color:var(--accent);width:10px;height:10px;transition:transform var(--transition-fast);transform:scale(0)}.barber-card.selected{border-color:var(--accent);background-color:var(--bg-accent)}.barber-card.selected .barber-avatar,.barber-card.selected .barber-radio{border-color:var(--accent)}.barber-card.selected .barber-radio:after{transform:scale(1)}.date-selector-wrapper{margin-bottom:var(--space-lg)}.section-label{text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:var(--space-sm);font-size:.85rem;font-weight:700;display:block}.date-strip{gap:var(--space-sm);padding-bottom:var(--space-sm);scrollbar-width:none;display:flex;overflow-x:auto}.date-strip::-webkit-scrollbar{display:none}.date-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;min-width:64px;height:76px;transition:var(--transition-fast);border:1px solid #ffffff08;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-day{color:var(--text-muted);font-size:.75rem;font-family:var(--font-secondary)}.date-num{font-size:1.25rem;font-weight:800}.date-card.selected{background-color:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.date-card.selected .date-day{color:#080808b3}.time-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.time-slot{background-color:var(--bg-tertiary);border-radius:var(--radius-md);height:44px;color:var(--text-primary);font-family:var(--font-secondary);cursor:pointer;transition:var(--transition-fast);border:1px solid #ffffff08;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.time-slot.selected{background-color:var(--accent);border-color:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-accent)}.time-slot.disabled{color:var(--text-muted);cursor:not-allowed;background-color:#ffffff03;border-color:#0000;text-decoration:line-through}.form-group{margin-bottom:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{background-color:var(--bg-tertiary);border-radius:var(--radius-md);height:48px;color:var(--text-primary);padding:0 var(--space-md);font-family:var(--font-primary);transition:var(--transition-fast);border:1px solid #ffffff0d;outline:none;font-size:.95rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background-color:#d4af3705}textarea.form-input{height:auto;padding:var(--space-md);resize:none}.summary-container{gap:var(--space-md);flex-direction:column;display:flex}.summary-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid #ffffff08}.summary-row{padding:var(--space-sm) 0;border-bottom:1px solid #ffffff08;justify-content:space-between;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row:first-child{padding-top:0}.summary-label{color:var(--text-muted);font-size:.85rem}.summary-val{text-align:right;max-width:70%;font-size:.9rem;font-weight:700}.summary-services-list{gap:var(--space-xs);flex-direction:column;align-items:flex-end;display:flex}.summary-total{background-color:var(--bg-accent);padding:var(--space-md);border-radius:var(--radius-md);border:1px dashed #d4af374d;justify-content:space-between;align-items:center;display:flex}.total-label{font-size:1rem;font-weight:700}.total-price{color:var(--accent);font-size:1.3rem;font-weight:800;font-family:var(--font-secondary)}.success-state{text-align:center;padding:var(--space-xl) 0;animation:scaleUp var(--transition-normal);flex-direction:column;align-items:center;display:flex}.success-icon{border-radius:var(--radius-round);border:2px solid var(--success);width:72px;height:72px;color:var(--success);margin-bottom:var(--space-lg);background-color:#2ecc711a;justify-content:center;align-items:center;font-size:2.2rem;display:flex;box-shadow:0 0 20px #2ecc7133}.success-state h2{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:800}.success-state p{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:.9rem;line-height:1.5}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.page-title{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:800}.page-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.85rem}.service-category{margin-bottom:var(--space-lg)}.category-title{text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid #d4af3726;font-size:.95rem;font-weight:700}.no-appointments{text-align:center;padding:var(--space-xxl) var(--space-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px dashed #ffffff0d;flex-direction:column;align-items:center;display:flex}.no-appointments i{color:var(--text-muted);margin-bottom:var(--space-md);font-size:3rem}.no-appointments p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9rem}.appointment-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid #ffffff08;position:relative;overflow:hidden}.appointment-card:before{content:"";background-color:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.appointment-card.completed:before{background-color:var(--text-muted)}.appointment-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.appointment-date-time{flex-direction:column;display:flex}.appt-date{font-size:1rem;font-weight:800}.appt-time{color:var(--accent);font-size:.8rem;font-weight:600}.appointment-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.7rem;font-weight:700}.appointment-status.active-appt{color:var(--success);background-color:#2ecc711a}.appointment-status.completed-appt{color:var(--text-muted);background-color:#ffffff0d}.appointment-details{gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff08;flex-direction:column;display:flex}.appt-detail-row{font-size:.85rem;display:flex}.appt-detail-label{color:var(--text-muted);width:80px}.appt-detail-val{color:var(--text-primary);font-weight:600}.btn-cancel-appt{color:var(--error);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:36px;transition:var(--transition-fast);background-color:#e74c3c1a;border:1px solid #e74c3c33;font-size:.8rem;font-weight:700}.btn-cancel-appt:hover{background-color:var(--error);color:var(--bg-primary)}.info-cards{gap:var(--space-md);flex-direction:column;display:flex}.info-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);align-items:flex-start;gap:var(--space-md);border:1px solid #ffffff08;display:flex}.info-card-icon{color:var(--accent);border-radius:var(--radius-sm);background-color:#d4af371a;border:1px solid #d4af3733;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.info-card-content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.info-card-title{font-size:.95rem;font-weight:700}.info-card-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.info-card-action-btn{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-xs);height:36px;padding:0 var(--space-md);margin-top:var(--space-xs);width:fit-content;transition:var(--transition-fast);border:1px solid #ffffff0d;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.info-card-action-btn:hover{border-color:var(--accent);color:var(--accent)}.social-links{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.social-link{border-radius:var(--radius-round);background-color:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #ffffff0d;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:flex}.social-link:hover{background-color:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-accent);transform:translateY(-3px)}