@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#1d4ed861,#0000 28%),radial-gradient(circle at 20% 20%,#f43f5e47,#0000 24%),radial-gradient(circle at 80% 16%,#38bdf833,#0000 26%),linear-gradient(#09071b 0%,#03030a 100%);font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(115deg,#26064c6b,#0000 52%),repeating-linear-gradient(120deg,#5900ff1c 0 2px,#0000 2px 48px),linear-gradient(#05040f 0%,#03030a 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff14,#0000 0 2px),linear-gradient(90deg,#0000 0 49%,#ffffff0a 50%,#0000 51%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0}#root{min-height:100vh;position:relative}.app-shell,.flow-page{z-index:1;width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 56px;position:relative}.hero-panel{background:radial-gradient(circle,#1e293b57,#0000 50%),linear-gradient(#090c1deb,#070611fa);border:1px solid #818cf838;border-radius:36px;padding:36px;position:relative;overflow:hidden;box-shadow:0 20px 80px #00000073,inset 0 1px #ffffff0f}.hero-panel:before{content:"";filter:blur(16px);opacity:.84;pointer-events:none;background:radial-gradient(circle,#00bfff29,#0000 20%),radial-gradient(circle at 60% 30%,#ff006b1f,#0000 22%),repeating-conic-gradient(from 300deg at 50% 58%,#504eff2e 0deg 6deg,#0000 6deg 18deg);position:absolute;inset:-10% -20%}.hero-copy{z-index:1;max-width:700px;position:relative}.eyebrow{letter-spacing:.08em;color:#eff4ff;text-shadow:0 0 #fff,4px 4px #2563eb,-4px -4px #ef4444;margin:0 0 12px;font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,78px)}.hero-copy h1{letter-spacing:-.04em;max-width:700px;margin:0;font-size:clamp(30px,4vw,58px);line-height:.96}.hero-text{color:#c8d1f0;max-width:640px;margin:20px 0 0;font-size:18px;line-height:1.7}.hero-actions,.action-row,.action-column{gap:12px;display:flex}.hero-actions{flex-wrap:wrap;margin-top:28px}.hero-badges,.info-strip,.page-links{flex-wrap:wrap;gap:12px;display:flex}.hero-badges{margin-top:20px}.hero-badges span,.info-strip div{color:#d7def4;background:#0f172aa8;border:1px solid #60a5fa29;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.phones-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin-top:34px;display:grid;position:relative}.phone-frame{background:linear-gradient(#141824f2,#0b0e17fa),linear-gradient(135deg,#fff3,#0000 60%);border:2px solid #fafafacc;border-radius:38px;width:100%;max-width:340px;margin:0 auto;padding:18px 12px 12px;position:relative;box-shadow:0 16px 40px #00000073,0 0 0 6px #a0aec014,inset 0 1px #ffffff29}.phone-notch{background:linear-gradient(#111827,#0b0e16);border-radius:999px;width:120px;height:22px;margin:0 auto 14px;box-shadow:inset 0 1px #ffffff14}.phone-screen{background:linear-gradient(#3b4456fa,#252d3afa);border-radius:28px;flex-direction:column;gap:18px;min-height:640px;padding:22px 20px 20px;display:flex}.screen-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.screen-kicker{text-transform:uppercase;letter-spacing:.16em;color:#9fb0d9;margin:0 0 6px;font-size:12px}.screen-header h2{margin:0;font-size:28px;line-height:1}.screen-chip{color:#e8ecf6;background:#080c157a;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:32px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.login-hero{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.barber-avatar{color:#f8fbff;background:radial-gradient(circle at top,#60a5fa4d,#0000 60%),linear-gradient(#0f172af0,#030712fa);border-radius:28px;place-items:center;width:98px;height:98px;margin:0 auto;display:grid;box-shadow:0 18px 32px #00000057,inset 0 1px #ffffff14}.barber-avatar.large{width:116px;height:116px}.login-brand{text-align:center;letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800}.screen-caption{text-align:center;color:#cad3ec;margin:0;font-size:14px;line-height:1.6}.input-stack,.services-grid,.picker-grid,.pro-list,.summary-card{gap:12px;display:grid}.field{gap:8px;display:grid}.field span{color:#dbe5ff;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.field input,.field-select,.fake-input,.search-box{color:#0f172a;background:#f3f4f6f2;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:14px 16px;font-weight:600;display:flex}.field input:focus,.field-select:focus{outline-offset:2px;outline:2px solid #60a5fa80}.search-box{color:#475569;background:#f8fafcf5;font-size:14px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{color:#0f172a;text-align:left;background:#fffffff5;border:1px solid #0000;border-radius:24px;align-content:start;gap:10px;min-height:178px;padding:18px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 24px #0f172a29}.service-card.is-active{border-color:#ef444499;box-shadow:0 0 0 3px #ef444424}.service-card strong{font-size:15px;line-height:1.3}.service-card small{color:#64748b;font-size:12px;line-height:1.5}.service-icon{background:#e8edf8;border-radius:18px;place-items:center;width:54px;height:54px;display:inline-grid}.service-meta,.summary-row,.inline-highlight,.rating-pill{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-meta{color:#334155;margin-top:auto;font-size:12px;font-weight:700}.primary-button,.secondary-button{letter-spacing:.03em;text-transform:uppercase;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 22px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.primary-button{color:#fff9f5;background:linear-gradient(#ff715f 0%,#ef4444 100%);box-shadow:0 18px 30px #ef444452}.secondary-button{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b82e}.primary-button:hover,.secondary-button:hover,.service-card:hover,.picker-pill:hover,.pro-item:hover{transform:translateY(-2px)}.primary-button.full-width,.secondary-button.full-width{width:100%}.compact{flex:1;min-height:48px}.schedule-block{gap:12px;display:grid}.mini-section-title{text-transform:uppercase;letter-spacing:.12em;color:#cad5f1;font-size:13px;font-weight:800}.schedule-row,.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.picker-grid.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-pill,.pro-item{color:#f8fbff;text-align:center;background:#0e142185;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:14px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.picker-pill{flex-direction:column}.picker-pill strong,.pro-item span,.summary-row strong,.success-panel strong{font-size:16px}.picker-pill small,.pro-item small{color:#c9d2eb}.picker-pill.is-active,.pro-item.is-active{background:#192339eb;border-color:#60a5fa94;box-shadow:0 0 0 3px #60a5fa29}.pro-item{justify-content:space-between;padding-inline:16px}.pro-item small{align-items:center;gap:8px;font-size:12px;display:inline-flex}.rating-pill{color:#ffe7a1;background:#ffffff14;border-radius:999px;justify-content:center;min-width:58px;padding:4px 8px}.inline-highlight,.summary-card,.success-panel{background:#090d1761;border:1px solid #ffffff12;border-radius:22px;padding:16px}.inline-highlight div,.summary-row span{align-items:center;gap:8px;display:inline-flex}.inline-highlight div{flex-direction:column;align-items:flex-start}.summary-card{gap:14px}.summary-row{justify-content:space-between}.summary-row span{color:#cad2ea;font-size:14px}.success-panel{text-align:center;justify-items:center;gap:12px;display:grid}.success-panel p{color:#d0d7ef;margin:0;line-height:1.6}.success-icon{color:#c7ffcb;background:radial-gradient(circle at top,#4ade8066,#081f13cc);border-radius:28px;place-items:center;width:84px;height:84px;display:grid}.action-column{flex-direction:column}.page-links{justify-content:space-between}.page-links a,.page-links button{color:#d1dcff;background:0 0;padding:0;font-size:13px}.info-strip{justify-content:center;margin-top:20px}.flow-page{place-items:center;min-height:100vh;display:grid}.settings-page .phone-frame{max-width:520px}.settings-page .phone-screen{min-height:auto}.settings-section,.settings-list,.settings-grid{gap:12px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-field-full{grid-column:1/-1}.settings-card{background:#090d1761;border:1px solid #ffffff12;border-radius:20px;gap:12px;padding:16px;display:grid}.settings-card-copy{gap:6px;display:grid}.settings-card-copy strong{align-items:center;gap:8px;font-size:15px;display:inline-flex}.settings-card-copy small{color:#c8d1e7;line-height:1.5}.price-editor{gap:8px;display:grid}.price-editor span{text-transform:uppercase;letter-spacing:.12em;color:#aebadf;font-size:12px;font-weight:700}.price-editor input{color:#0f172a;background:#f8fafcf5;border:1px solid #ffffff14;border-radius:14px;min-height:48px;padding:12px 14px;font-weight:700}.price-editor input:focus{outline-offset:2px;outline:2px solid #60a5fa80}.flow-backdrop{filter:blur(22px);background:radial-gradient(circle,#2563eb42,#0000 54%),radial-gradient(circle at 70% 30%,#ef444438,#0000 34%);border-radius:999px;position:absolute;inset:10% 20%}@media (width<=1100px){.hero-panel{padding:28px}.phones-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell,.flow-page{width:min(100% - 20px,1240px);padding:20px 0 36px}.hero-panel{border-radius:28px;padding:22px}.phone-frame{max-width:100%}.phone-screen{min-height:auto}.services-grid,.schedule-row,.picker-grid,.picker-grid.slots,.settings-grid{grid-template-columns:1fr}.action-row{flex-direction:column}.hero-text{font-size:16px}}