#bookluitSalonWelcome{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;padding:24px;background:linear-gradient(145deg,#fffaf7 0%,#f8fbff 58%,#eef8f6 100%);opacity:0;transition:opacity .32s ease;font-family:"DM Sans",Arial,sans-serif}
#bookluitSalonWelcome.visible{opacity:1}#bookluitSalonWelcome.leaving{opacity:0;pointer-events:none}
.salon-welcome-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#ff9b8670 0%,#9be1d833 42%,transparent 70%);filter:blur(18px);animation:salonWelcomeGlow 2.2s ease-in-out infinite alternate}
.salon-welcome-inner{position:relative;display:flex;width:min(100%,520px);flex-direction:column;align-items:center;text-align:center;color:#17354d}
.salon-welcome-image{display:grid;width:138px;height:138px;place-items:center;overflow:hidden;border:7px solid #fff;border-radius:38px;background:linear-gradient(135deg,#17354d,#ff7460);color:#fff;box-shadow:0 25px 65px #17354d2b;font-size:58px;font-weight:900;background-size:cover;background-position:center;transform:translateY(10px) scale(.92);animation:salonWelcomeImage .72s cubic-bezier(.2,.85,.25,1) forwards}
.salon-welcome-image.has-image{color:transparent}.salon-welcome-label{margin:29px 0 9px;color:#fa6f5c;font-size:11px;font-weight:900;letter-spacing:2px}.salon-welcome-inner h1{margin:0;font-size:clamp(30px,7vw,48px);line-height:1.08;letter-spacing:-2px}.salon-welcome-inner h1 span{color:#fa705d}.salon-welcome-copy{max-width:390px;margin:13px 0 25px;color:#718493;font-size:14px;font-weight:650;line-height:1.55}
.salon-welcome-enter{min-width:220px;padding:15px 24px;border:0;border-radius:15px;background:linear-gradient(110deg,#ff7b68,#f35d50);color:#fff;box-shadow:0 13px 28px #f36d5840;font-size:15px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.salon-welcome-enter:hover{transform:translateY(-2px);box-shadow:0 17px 34px #f36d5852}.salon-welcome-close{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));right:20px;display:grid;width:44px;height:44px;place-items:center;border:1px solid #dce7ea;border-radius:50%;background:#ffffffdc;color:#17354d;font-size:25px;cursor:pointer;box-shadow:0 8px 22px #17354d14}
@keyframes salonWelcomeImage{to{transform:translateY(0) scale(1)}}@keyframes salonWelcomeGlow{to{transform:scale(1.1);opacity:.7}}
@media(max-width:600px){#bookluitSalonWelcome{padding:20px}.salon-welcome-image{width:122px;height:122px;border-radius:32px}.salon-welcome-inner h1{font-size:34px}.salon-welcome-copy{font-size:13px}.salon-welcome-enter{width:100%}}
@media(prefers-reduced-motion:reduce){.salon-welcome-glow,.salon-welcome-image{animation:none!important}}