@layer components{.cp-onb__progress{margin-top:18px;padding:14px 14px 10px;border:1px solid rgb(22 21 26/.08);border-radius:14px;background:#f6f3ff}.cp-onb__meta{display:flex;justify-content:space-between;color:var(--cp-text-2);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.cp-onb__steps{--p:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0;padding:0;list-style:none}.cp-onb__steps:before{content:"";right:12.5%;background:#e3ddf6;box-shadow:inset 0 1px 2px rgb(22 21 26/.14)}.cp-onb__fill,.cp-onb__steps:before{position:absolute;left:12.5%;top:14px;height:8px;border-radius:999px}.cp-onb__fill{width:calc(75% * var(--p));background:linear-gradient(180deg,#7a68ea,var(--cp-accent));box-shadow:0 2px 0 #3a2ba6;transition:width .6s cubic-bezier(.34,1.3,.64,1)}.cp-onb__steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}.cp-onb__coin{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff,#efebf8 58%,#ddd6f0);color:#8f88a8;box-shadow:0 3px 0 #c9c0e3,0 8px 14px -8px rgb(22 21 26/.45);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .3s,color .3s,box-shadow .3s}.cp-onb__coin svg{width:16px;height:16px;stroke-width:3}.cp-onb__steps [data-state=current] .cp-onb__coin,.cp-onb__steps [data-state=done] .cp-onb__coin{background:radial-gradient(circle at 34% 28%,#9a8bf5,var(--cp-accent) 55%,#4433bd);color:#fff;box-shadow:0 3px 0 #34269b,0 10px 18px -8px rgb(91 73 214/.7)}.cp-onb__steps [data-state=current] .cp-onb__coin{box-shadow:0 3px 0 #34269b,0 0 0 5px rgb(91 73 214/.16),0 10px 18px -8px rgb(91 73 214/.7);animation:cp-onb-pop .5s cubic-bezier(.34,1.4,.64,1)}.cp-onb__label{color:var(--cp-text-3);font-size:11.5px;font-weight:500;line-height:1.25}.cp-onb__steps [data-state=current] .cp-onb__label,.cp-onb__steps [data-state=done] .cp-onb__label{color:var(--cp-ink);font-weight:600}.cp-onb__step{margin-top:20px;animation:cp-onb-in-forward .38s cubic-bezier(.23,1,.32,1)}.cp-onb__step[data-dir=back]{animation-name:cp-onb-in-back}.cp-onb__stepTitle{margin:0;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--cp-ink)}.cp-onb__hint{margin:4px 0 0;color:var(--cp-text-2);font-size:14px;line-height:1.5}.cp-onb__step .cp-auth__form{margin-top:16px}.cp-onb__pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}.cp-onb__noIcon.cp-onb__noIcon{padding-left:14px}.cp-onb__textarea.cp-onb__textarea{min-height:130px;height:auto;padding:12px 14px;resize:vertical;line-height:1.55}.cp-onb__count{color:var(--cp-text-3);font-size:12px;font-variant-numeric:tabular-nums}.cp-onb__actions{display:flex;gap:10px;margin-top:4px}.cp-onb__next{flex:1}.cp-onb__back svg,.cp-onb__next svg{width:18px;height:18px}.cp-onb__google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.cp-onb__links{line-height:1.9}.cp-onb__done{display:grid;justify-items:center;gap:14px;margin-top:22px;text-align:center;animation:cp-onb-in-forward .4s cubic-bezier(.23,1,.32,1)}.cp-onb__done p{margin:0;color:var(--cp-text-2);font-size:15px;line-height:1.6}.cp-onb__done b{color:var(--cp-ink)}.cp-onb__doneCoin{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#6fd6a8,#2f9a66 60%,#237a50);color:#fff;box-shadow:0 4px 0 #1b6a43,0 0 0 7px rgb(47 154 102/.15),0 14px 26px -8px rgb(47 154 102/.7);animation:cp-onb-pop .6s cubic-bezier(.34,1.4,.64,1)}.cp-onb__doneCoin svg{width:30px;height:30px;stroke-width:3}.cp-onb__confetti{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;pointer-events:none}@keyframes cp-onb-pop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes cp-onb-in-forward{0%{opacity:0;translate:28px 0}}@keyframes cp-onb-in-back{0%{opacity:0;translate:-28px 0}}.cp-onb__perks{position:absolute;z-index:5;right:calc(100% + 56px);top:0;width:290px;padding:16px 18px 18px;border:2px solid var(--cp-ink);border-radius:var(--cp-radius-lg);background:#fffefa;box-shadow:4px 5px 0 var(--cp-ink);transform:rotate(-1.2deg)}.cp-onb__perks b{display:block;margin-bottom:10px;font-size:16px;font-weight:800;letter-spacing:-.01em}.cp-onb__perks ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.cp-onb__perks li{display:flex;align-items:center;gap:10px;color:#3f3d46;font-size:14px}.cp-onb__perks li>span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#d3c8fa}.cp-onb__perks svg{width:12px;height:12px;stroke-width:3}.cp-onb__badge{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:2px solid var(--cp-ink);border-radius:999px;background:#fffefa;box-shadow:3px 4px 0 var(--cp-ink);font-size:14.5px;font-weight:700;white-space:nowrap}.cp-onb__badge svg{width:18px;height:18px}.cp-onb__badge--rated{left:calc(100% + 60px);top:6px;transform:rotate(1.6deg)}.cp-onb__badge--rated svg{color:#f59e0b;fill:#f59e0b}.cp-onb__badge--flex{left:calc(100% + 110px);top:78px;transform:rotate(-1.4deg)}.cp-onb__badge--flex svg{color:#2f9a66}@media (max-width:1099px){.cp-onb__badge,.cp-onb__perks{display:none}}@media (max-width:420px){.cp-onb__pair{grid-template-columns:minmax(0,1fr)}.cp-onb__label{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.cp-onb__done,.cp-onb__doneCoin,.cp-onb__step,.cp-onb__steps [data-state=current] .cp-onb__coin{animation:none}.cp-onb__coin,.cp-onb__fill{transition:none}.cp-onb__confetti{display:none}}}