.welcome-page{color:#f4f0fb;background:radial-gradient(at 50% -20%,#452b7060,#0000 57%),radial-gradient(at 100% 110%,#53289030,#0000 48%),#0d0b13;min-height:100svh}.welcome-header{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:26px 40px;display:flex}.welcome-header>button{color:#a59bad;align-items:center;gap:10px;font-size:12px;display:flex}.welcome-header>button span{color:#eee5fb;align-items:center;gap:7px;display:flex}.welcome-main{max-width:1040px;margin:auto;padding:12px 32px 26px}.welcome-progress{align-items:center;gap:24px;display:flex}.welcome-progress>button,.welcome-progress>a{color:#c9bdd8;place-items:center;min-width:44px;min-height:44px;display:grid}.welcome-progress>div{flex:1;gap:10px;display:flex}.welcome-progress>div span{background:#ffffff14;border-radius:20px;flex:1;height:5px}.welcome-progress>div span.is-done{background:#ad83f7;box-shadow:0 0 15px #a571ff25}.welcome-count{letter-spacing:.15em;color:#b0a3bf;font-size:11px}.welcome-form{flex-direction:column;min-height:calc(100svh - 174px);display:flex}.welcome-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:38px 0;animation:.35s both welcome-arrive;display:flex}.welcome-symbol{color:#c3a0ff;background:linear-gradient(145deg,#a16ce624,#ffffff04);border:1px solid #c4a0ff24;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:24px;font-size:28px;line-height:1;display:grid}.welcome-eyebrow{letter-spacing:.22em;color:#b7a5cb;font-size:9px;font-weight:600}.welcome-stage h1{font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;outline:none;max-width:760px;margin:16px 0;font-size:clamp(28px,3.5vw,43px);font-weight:650;line-height:1.2}.welcome-stage>p{color:#a79cae;font-size:14px;line-height:1.7}.welcome-page .welcome-stage h1:focus{outline:none}.welcome-name{text-align:left;width:min(100%,440px);margin-top:38px}.welcome-name label{color:#c8bcd7;font-size:12px}.welcome-name input{letter-spacing:-.025em;color:#f5f0ff;background:#ffffff05;border:1px solid #b28add50;border-radius:16px;outline:none;width:100%;margin:10px 0 12px;padding:21px 24px;font-size:23px;transition:border-color .2s,box-shadow .2s;display:block}.welcome-name input:focus{border-color:#bf94ff;box-shadow:0 0 0 3px #b27bfa18}.welcome-name small{color:#a296ad;font-size:11px}.welcome-choices{border:0;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:38px 0 0;display:grid}.welcome-choices label{cursor:pointer;text-align:left;background:linear-gradient(140deg,#ffffff07,#ffffff02);border:1px solid #ffffff12;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;min-height:164px;padding:24px 21px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.welcome-choices label:hover{border-color:#b08adf70;transform:translateY(-3px)}.welcome-choices label.is-selected{background:#a56bea17;border-color:#b38aef}.welcome-choices input{opacity:0;width:1px;height:1px;position:absolute}.welcome-choices label:has(input:focus-visible){outline-offset:4px;outline:2px solid #d6bcff}.welcome-choices label>svg{color:#b99bdc}.welcome-choices strong{font-size:14px;font-weight:550;line-height:1.5}.welcome-choices small{color:#a79bb3;font-size:11px}.welcome-check{color:#d7bfff;position:absolute;top:12px;right:12px}.welcome-minutes label{gap:12px}.welcome-bottom{text-align:center;padding-top:22px}.welcome-continue{color:#21182f;background:#eee7f8;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:min(100%,360px);min-height:54px;padding:16px 24px;font-size:13px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.welcome-continue:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.welcome-continue:disabled{color:#8a8193;cursor:not-allowed;background:#ffffff09;border:1px solid #ffffff16}.welcome-bottom p{color:#9e92aa;margin:16px 0 0;font-size:10px}@keyframes welcome-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.welcome-header{padding:20px}.welcome-header>button{flex-direction:column;align-items:flex-end;gap:2px;font-size:10px}.welcome-main{padding:0 20px 24px}.welcome-progress{gap:12px}.welcome-count{font-size:9px}.welcome-form{min-height:calc(100svh - 145px)}.welcome-stage{padding:28px 0}.welcome-choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.welcome-choices label{gap:14px;min-height:134px;padding:18px}.welcome-choices strong,.welcome-stage>p{font-size:12px}.welcome-symbol{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.welcome-stage{animation:none}.welcome-page *{transition:none!important}}
