:root{--font-sans: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--bg-main: #EEF2F6;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-elevated: #FFFFFF;--border-subtle: #CBD5E1;--border-glow: #0284C7;--text-main: #0F172A;--text-muted: #334155;--text-dim: #64748B;--barber-primary: #0F172A;--barber-accent: #0284C7;--barber-accent-light: #0369A1;--barber-accent-glow: rgba(2, 132, 199, .2);--success: #059669;--danger: #DC2626;--info: #0284C7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(at 15% 15%,rgba(2,132,199,.06) 0,transparent 40%),radial-gradient(at 85% 20%,rgba(100,116,139,.09) 0,transparent 45%),radial-gradient(at 50% 95%,rgba(203,213,225,.45) 0,transparent 60%);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.glass-panel{background:#fff;border:1px solid #CBD5E1;border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0f,0 2px 6px -1px #0f172a0a;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 10px 24px -4px #0f172a1a}.barber-stripe{background:repeating-linear-gradient(45deg,#dc2626,#dc2626 12px,#fff 12px,#fff 24px,#2563eb 24px,#2563eb 36px,#fff 36px,#fff 48px);height:4px;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #0284c733}50%{box-shadow:0 0 25px #0284c766}}.glow-active{animation:pulseGlow 3s infinite ease-in-out}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0284c759}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0284c773;background:linear-gradient(135deg,#0369a1,#1d4ed8)}.btn-secondary{background:#fff;color:#334155;border:1px solid #CBD5E1;font-weight:500;padding:10px 18px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0f172a0d}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.mockup-phone{width:320px;height:640px;border-radius:40px;border:10px solid #CBD5E1;box-shadow:0 25px 60px -15px #0f172a1f,0 0 0 1px #0000000d;overflow:hidden;position:relative;background:#fff;display:flex;flex-direction:column}.mockup-notch{width:120px;height:18px;background:#cbd5e1;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:100}@media (max-width: 768px){.hidden-mobile{display:none!important}.only-mobile{display:flex!important}.navbar-container{padding:10px 14px!important}.hero-search-bar{flex-direction:column!important;gap:10px!important}.hero-search-bar>div{flex:1 1 100%!important;width:100%!important}}@media (min-width: 769px){.only-mobile{display:none!important}}