.puma-welcome{height:145svh;position:relative;background:#06090c}
.puma-sky{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#111b23 0%,#06090c 65%)}
#puma-stars{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}
#puma-stars.is-dragging{cursor:grabbing}
.puma-welcome-title{position:absolute;inset:45% 6% auto;display:flex;justify-content:space-between;pointer-events:none;font-size:clamp(24px,4vw,60px);font-weight:500;letter-spacing:-.04em;color:#f3ecdd}
.puma-welcome-bottom{position:absolute;bottom:7%;left:20px;right:20px;text-align:center;color:#b9b1a3;font-size:14px}
.puma-welcome-bottom a{display:inline-flex;gap:24px;align-items:center;color:#e8cb89;text-decoration:none;padding:14px 20px;border-bottom:1px solid #8b6b36}
.puma-drag-hint{position:absolute;z-index:2;top:18%;left:50%;transform:translateX(-50%);margin:0;color:#aebbc5;font-size:12px;letter-spacing:.04em;opacity:.68;transition:opacity .5s}
.puma-drag-hint.is-used{opacity:0}
.puma-insight{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);margin:0;color:#f3ecdd;font-size:clamp(25px,4vw,54px);letter-spacing:-.035em;opacity:0;pointer-events:none;transition:opacity .7s;text-shadow:0 0 32px rgba(232,200,135,.3)}
.puma-insight.is-visible{opacity:1}
.puma-welcome a:focus-visible{outline:2px solid #e8cb89;outline-offset:5px}
#puma-conteudo{scroll-margin-top:0}
.is-forming .puma-drag-hint{opacity:0}
.is-forming #puma-stars{cursor:default}
@media(prefers-reduced-motion:no-preference){.puma-welcome-title span{opacity:0}}
@media(max-width:600px){.puma-welcome-title{inset:22% 8% auto;font-size:28px}.puma-sky{min-height:500px}.puma-welcome-bottom{bottom:8%}.puma-drag-hint{top:14%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.puma-welcome{height:100svh}#puma-stars{cursor:default}.puma-drag-hint,.puma-insight{display:none}}