.welcome-panel{gap:var(--fl-space-3);padding:var(--fl-space-4);border:1px solid var(--fl-border);border-radius:var(--fl-radius-card);background:var(--fl-raised);display:grid}.welcome-panel__title{font:var(--fl-type-heading-md);margin:0}.welcome-panel__pick{margin:0}.welcome-panel__actions{gap:var(--fl-space-3);flex-wrap:wrap;align-items:center;display:flex}.welcome-panel__actions form{margin:0}.welcome-steps{gap:var(--fl-space-2);counter-reset:welcome-step;margin:0;padding:0;list-style:none;display:grid}.welcome-step{gap:var(--fl-space-3);counter-increment:welcome-step;align-items:center;min-height:44px;display:flex}.welcome-step__mark{border:2px solid var(--fl-border-strong);border-radius:var(--fl-radius-pill);flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.welcome-step__mark:empty:before{content:counter(welcome-step);color:var(--fl-text-secondary)}.welcome-step[data-done=true] .welcome-step__mark{border-color:var(--fl-success);background:var(--fl-success-soft);color:var(--fl-text);animation:.36s cubic-bezier(.2,.9,.3,1.2) both welcome-tick}.welcome-step[data-done=true] .welcome-step__text{color:var(--fl-text-secondary)}@keyframes welcome-tick{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.welcome-step[data-done=true] .welcome-step__mark{animation:none}}.welcome-hero{gap:var(--fl-space-3);display:grid}.welcome-hero__kicker{color:var(--fl-primary-text);font:var(--fl-type-label);letter-spacing:.06em;text-transform:uppercase;margin:0}.welcome-points{gap:var(--fl-space-2);padding-left:var(--fl-space-5);margin:0;display:grid}.welcome-cards{gap:var(--fl-space-3);margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.welcome-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}}.welcome-card{gap:var(--fl-space-2);padding:var(--fl-space-4);border:1px solid var(--fl-border);border-radius:var(--fl-radius-card);background:var(--fl-surface);align-content:start;display:grid}.welcome-card__n{border-radius:var(--fl-radius-pill);background:var(--fl-primary-soft);width:32px;height:32px;color:var(--fl-primary-text);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.welcome-card h3{font:var(--fl-type-heading-sm);margin:0}.welcome-card p{margin:0}.welcome-join{gap:var(--fl-space-3);flex-wrap:wrap;align-items:center;display:flex}.welcome-hint{margin:0}.first-mark{margin-left:var(--fl-space-2);padding:0 var(--fl-space-2);border-radius:var(--fl-radius-pill);background:var(--fl-success-soft);color:var(--fl-text);font:var(--fl-type-caption);white-space:nowrap;display:inline-block}
