.auth-loading .app-shell>header,.auth-loading .app-shell>main,.auth-loading .app-shell>nav,.auth-loading .onboarding{visibility:hidden}.app-loading{display:none}.auth-loading .app-loading{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:10px;background:#f7f3f8;text-align:center;padding:24px}.loading-logo{width:72px;height:72px;border-radius:23px;display:block;position:relative;background:#000;margin-bottom:8px}.loading-logo .on-logo-c-gull{top:16px;width:49px}.loading-logo .on-logo-c-gull:before,.loading-logo .on-logo-c-gull:after{width:25px;height:15px;border-top-width:4px}.loading-logo .on-logo-c-gull:before{right:23px}.loading-logo .on-logo-c-gull:after{left:23px}.loading-logo .on-logo-c-vee{bottom:12px;width:27px;height:33px;border-width:0 0 4.5px 4.5px}.loading-ring{width:28px;height:28px;border:3px solid #ded9df;border-top-color:#111;border-radius:50%;animation:loading-spin .8s linear infinite;margin:5px 0}.app-loading strong{font:800 18px Manrope}.app-loading small{max-width:280px;color:var(--muted);font-size:13px;line-height:1.45}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-ring{animation-duration:1.8s}}.onboarding{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 5%,#ffdce6 0,transparent 38%),#f7f3f8;display:grid;place-items:center;padding:20px}.onboarding.hidden{display:none}.on-card{width:min(100%,420px);background:#fff;border:1px solid #eee7ee;border-radius:28px;padding:28px;box-shadow:0 24px 70px #3c24382d}.on-logo{width:56px;height:56px;border-radius:18px;display:block;position:relative;background:#000;margin-bottom:28px}.on-logo-c-gull{position:absolute;left:50%;top:12px;width:39px;height:15px;transform:translateX(-50%)}.on-logo-c-gull:before,.on-logo-c-gull:after{content:"";position:absolute;top:2px;width:20px;height:12px;border-top:3.2px solid #fff;border-radius:50%}.on-logo-c-gull:before{right:18px;transform:rotate(14deg)}.on-logo-c-gull:after{left:18px;transform:rotate(-14deg)}.on-logo-c-vee{position:absolute;left:50%;bottom:9px;width:22px;height:26px;border-left:3.5px solid #fff;border-bottom:3.5px solid #fff;transform:translateX(-50%) rotate(-45deg);border-radius:0 0 0 3px}.step{display:none}.step.active{display:block}.on-copy{color:var(--muted);font-size:16px;line-height:1.5;margin:12px 0 24px}.step label:not(.check),.fields label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#5e5862}.phone{height:54px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;margin:8px 0 16px;overflow:hidden}.phone span{padding:0 12px;border-right:1px solid var(--line);font-size:14px}.phone input,.fields input,.fields select{border:0;outline:0;padding:14px;font:500 16px DM Sans;width:100%;background:#fff}.check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.35;margin:12px 0}.check input{accent-color:var(--pink);width:18px;height:18px}.on-card .primary{margin-top:12px}.step>small{display:block;text-align:center;color:#8b838e;font-size:12px;margin-top:14px}.otp{width:100%;height:60px;border:1px solid var(--line);border-radius:14px;text-align:center;font:700 24px Manrope;letter-spacing:.35em;outline-color:var(--pink)}.back{border:0;background:#f4f1f5;width:38px;height:38px;border-radius:12px;margin-bottom:18px}.fields{display:grid;gap:15px;margin-top:22px}.fields input,.fields select{border:1px solid var(--line);border-radius:12px}.shake{animation:shake .25s}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
