.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}html,body,#root{height:100%;margin:0;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at top,#0a0a0a,#000);color:#fff;font-size:16px}body:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,0,0,.15),transparent);filter:blur(120px);z-index:-1}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-content{flex:1;padding-top:90px}.container{width:100%;max-width:1100px;margin:auto;padding:80px 16px}.main-card{width:100%;max-width:100%;background:#ffffff0a;padding:40px;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px #000000b3;min-height:500px}.title{text-align:center;font-size:clamp(28px,5vw,36px);margin-bottom:10px}.subtitle{text-align:center;color:#aaa;margin-bottom:40px;font-size:14px}.service-grid,.barber-grid{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;margin-top:30px;scroll-snap-type:x mandatory}.service-grid::-webkit-scrollbar,.barber-grid::-webkit-scrollbar{display:none}.barber-card{width:100%;max-width:260px;height:320px;border-radius:20px;overflow:hidden;position:relative;flex-shrink:0;transition:.3s}.barber-card img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.95)}.barber-card:after{content:"";position:absolute;inset:0;background:#0000001a;pointer-events:none}.barber-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:30px}.barber-name{position:absolute;bottom:18px;left:18px;font-size:16px;font-weight:600;z-index:2}.barber-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:inset 0 0 0 2px #ff2a2a,0 30px 80px #000000e6}.barber-card.selected{border:2px solid #ff2a2a;box-shadow:0 0 30px #f009}.service-card{width:100%;max-width:320px;min-width:260px;flex-shrink:0;padding:30px 24px;border-radius:22px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;cursor:pointer;transition:all .35s ease}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,0,0,.15),transparent);opacity:0;transition:.4s}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px #000000b3}.service-card:hover:before{opacity:1}.service-card h2{font-size:clamp(18px,4vw,20px);margin-bottom:10px;font-weight:600}.service-card p{font-size:clamp(20px,5vw,24px);color:#ff2a2a;font-weight:700;margin-bottom:6px}.service-card span{font-size:13px;color:#aaa}.service-card.selected{border:1px solid #ff2a2a;box-shadow:0 0 30px #ff000080}.service-card.selected:after{content:"✓ Selected";position:absolute;top:12px;right:12px;background:#ff2a2a;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px;margin-top:30px}.time-btn{padding:14px;background:#ffffff0d;border-radius:12px;text-align:center;cursor:pointer;font-size:14px}.time-btn{white-space:nowrap}.time-btn.active{background:#ff2a2a}input{padding:12px;margin:10px;border-radius:10px;border:none;background:#111;color:#fff;width:100%;max-width:100%}button{background:linear-gradient(45deg,#e50914,#ff3b3b);border:none;padding:14px 26px;border-radius:12px;color:#fff;cursor:pointer;font-size:16px}button:hover{transform:scale(1.05)}.bottom-action{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#000000e6;display:flex;justify-content:center;z-index:100}.navbar{position:fixed;top:0;left:0;width:100%;z-index:999}.hero{height:90vh;display:flex;align-items:center;justify-content:center;background:url(/assets/hero-C-m-qdVR.jpg) center/cover;position:relative}@media(max-width:768px){.hero{background-attachment:scroll}}.hero:after{content:"";position:absolute;inset:0;background:#000000b3}.loader{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.loader-circle{width:60px;height:60px;border:4px solid #222;border-top:4px solid red;border-radius:50%;animation:spin 1s linear infinite}.footer{margin-top:80px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:50px 20px 25px;border-top:1px solid rgba(255,255,255,.08)}.footer-content{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;align-items:start}.footer-brand h2{margin-bottom:10px}.footer-brand p{color:#aaa;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{color:#ccc;text-decoration:none;position:relative;font-size:14px;transition:.3s}.footer-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:#ff2a2a;transition:.3s}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer-contact p{color:#aaa;font-size:14px;margin-bottom:8px}.footer-bottom{text-align:center;margin-top:40px;color:#666;font-size:13px}.react-calendar{background:#111;border:none;color:#fff;border-radius:16px;padding:10px;width:100%;max-width:100%}.react-calendar__tile{color:#fff;border-radius:8px;font-size:14px}.react-calendar__tile:hover{background:#f003}.react-calendar__tile--active{background:#ff2a2a!important;color:#fff}.react-calendar__navigation button{color:#fff;font-size:14px}.react-calendar__month-view__weekdays{color:#888;font-size:12px}.react-calendar__tile--now{background:#ffffff1a}.video-hero{position:relative;height:85vh;overflow:hidden}.video-hero video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:110%;transform:translate(-50%,-50%);object-fit:cover;filter:brightness(1.2) contrast(1.1)}@media(max-width:768px){.video-hero{height:70vh}.video-hero video{width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}}.video-hero:after{content:none}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2;padding:0 16px}.confirm-box{margin-top:30px;padding:25px;border-radius:16px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:500px;margin-left:auto;margin-right:auto}.confirm-row{display:flex;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;flex-wrap:wrap}.confirm-row span{color:#aaa}.confirm-row strong{color:#fff}.book-section{text-align:center;margin-top:80px;padding:0 16px}.book-section h2{font-size:clamp(24px,5vw,32px)}.book-section .subtitle{margin-top:10px;color:#aaa}.book-section button{margin-top:25px;padding:14px 28px;border-radius:12px;border:none;background:linear-gradient(45deg,#e50914,#ff3b3b);color:#fff;font-size:16px;cursor:pointer;transition:.3s}.book-section button:hover{transform:scale(1.05);box-shadow:0 10px 30px #ff000080}.navbar{position:fixed;top:0;width:100%;z-index:999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;height:80px;transition:.4s}.nav-container{width:100%;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px;transition:.4s}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009}.navbar.scrolled .nav-container{padding:12px 20px}.navbar.hidden{transform:translateY(-100%)}.nav-left,.nav-right{position:absolute;top:50%;transform:translateY(-50%)}.nav-left{left:16px}.nav-right{right:16px}.center-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.center-logo img{height:clamp(48px,8vw,64px);transition:.3s;filter:drop-shadow(0 0 10px rgba(255,0,0,.4))}.center-logo span{font-size:clamp(16px,3vw,22px);font-weight:600;letter-spacing:2px}.center-logo:hover img{transform:scale(1.05)}.navbar.scrolled{height:60px}.navbar.scrolled .center-logo img{height:clamp(36px,6vw,44px)}.navbar.scrolled .center-logo span{font-size:clamp(14px,2.5vw,18px)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.logo img{height:clamp(60px,12vw,100px);width:auto;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,0,0,.3));transition:all .3s ease}.logo span{font-size:clamp(16px,3vw,20px);font-weight:600;letter-spacing:1px}.logo:hover img{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(255,0,0,.6))}.navbar.scrolled .logo img{height:clamp(32px,6vw,40px)}.navbar.scrolled .logo span{font-size:clamp(14px,2.5vw,18px)}.nav-links a{margin-left:20px;text-decoration:none;color:#ccc;position:relative;transition:.3s;font-size:clamp(13px,2.5vw,15px)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:#ff2a2a;transition:.3s}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}:root{--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 80px}.section{margin-top:var(--space-xl);text-align:center}h1{font-size:clamp(32px,6vw,48px);margin-bottom:var(--space-sm)}h2{font-size:clamp(22px,5vw,32px);margin-bottom:var(--space-sm)}.subtitle{color:#aaa;margin-bottom:var(--space-md)}.barber-card,.service-card{border-radius:20px;padding:var(--space-md)}.barber-grid,.service-grid{margin-top:var(--space-lg)}button{padding:14px 26px;border-radius:12px;font-size:15px}input{margin-top:var(--space-sm)}.app-content{padding-top:90px}.footer{margin-top:var(--space-xl);padding:var(--space-lg) var(--space-md)}.footer-content{gap:var(--space-lg)}@media(max-width:768px){.container{padding:var(--space-lg) var(--space-sm)}.barber-grid{grid-template-columns:1fr}.service-grid{flex-direction:column}h1{font-size:clamp(26px,8vw,34px)}h2{font-size:clamp(20px,6vw,26px)}}.luxury-logo{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:1000}.luxury-logo img{height:clamp(60px,10vw,120px);width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,0,0,.3));transition:all .4s ease}.luxury-logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255,0,0,.6))}.brand{text-decoration:none;color:#fff;font-size:clamp(16px,3vw,22px);font-weight:600;letter-spacing:3px;transition:.3s ease;position:relative;text-transform:uppercase}.brand:hover{opacity:.8}.navbar.scrolled .brand{font-size:clamp(14px,2.5vw,18px)}.brand:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#ff2a2a;transition:.3s}.brand:hover:after{width:100%}.time-btn.disabled{background:#222;color:#777;cursor:not-allowed;text-decoration:line-through}.admin-table{margin-top:30px;display:flex;flex-direction:column;gap:15px}.admin-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;align-items:center;padding:15px;border-radius:12px;background:#ffffff0d;gap:10px}@media(max-width:768px){.admin-row{grid-template-columns:1fr}}.admin-row button{background:#ff2a2a;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.timeline{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-row{display:grid;grid-template-columns:120px repeat(18,1fr);min-width:800px}.timeline-cell{padding:10px;border:1px solid rgba(255,255,255,.1);text-align:center;font-size:12px;white-space:nowrap}.timeline-cell.barber{font-weight:700;background:#ffffff0d}.timeline-row.header .timeline-cell{background:#ffffff14;font-weight:700}.timeline-cell.booked{background:#ff2a2a;color:#fff;font-weight:600;border-radius:6px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#111;padding:30px;border-radius:12px;width:90%;max-width:320px}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal button{padding:8px 16px;border:none;cursor:pointer}.experience{text-align:center;padding:60px 20px;background:#0a0a0a}.experience h2{font-size:clamp(22px,5vw,28px);margin-bottom:10px}.experience p{color:#aaa;margin-bottom:30px}.experience-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.experience-grid div{background:#111;padding:20px;border-radius:10px;width:100%;max-width:250px;transition:.3s}.experience-grid div:hover{transform:translateY(-5px)}.video-overlay{animation:fadeUp 1.2s ease forwards;padding:0 16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-hero{margin-bottom:0}.header-fill{height:80px;background:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.7),transparent);position:relative;z-index:3}:root{--white-main: #ffffff;--white-soft: #dcdcdc;--black-deep: #050505}.hero-text{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(60px,14vw,120px);letter-spacing:3px;line-height:.9;text-transform:uppercase;font-style:italic;font-weight:900;text-align:center;color:#000;animation:bwLight 3.5s ease-in-out infinite;will-change:transform,opacity}@keyframes bwLight{0%,20%,70%,to{color:#000;text-shadow:none;opacity:.9}30%{color:#555;text-shadow:0 0 2px rgba(255,255,255,.2)}40%,55%{color:#fff;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.6),0 0 16px rgba(255,255,255,.3);opacity:1}65%{color:#222;text-shadow:0 0 2px rgba(255,255,255,.2)}}.highlight{position:relative;color:var(--black-deep);-webkit-text-stroke:2px var(--black-deep);animation:finalGlow 4.5s infinite}.highlight:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);filter:blur(10px);opacity:0;z-index:-1;animation:bloom 4.5s infinite}@keyframes finalGlow{0%,20%,60%,to{color:var(--black-deep);-webkit-text-stroke:2px var(--black-deep)}30%,50%{color:transparent;-webkit-text-stroke:2px var(--black-deep)}52%{color:#0003}}@keyframes bloom{0%,20%,60%,to{opacity:0;transform:scale(.9)}30%,50%{opacity:.25;transform:scale(1.05)}}@media(max-width:768px){.hero-text{font-size:clamp(50px,18vw,100px);transform:translateY(30px)}.highlight{-webkit-text-stroke:1.5px var(--black-deep)}.highlight:before{filter:blur(6px);opacity:.2}}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}*{box-sizing:border-box}img,video{max-width:100%;height:auto}.container,.page,.main{width:100%;max-width:1100px;margin:auto}.service-card{width:100%;max-width:320px}