:root{--auth-accent:var(--color-fp-blue-1);--auth-accent-ink:var(--color-fp-blue-11);--auth-accent-deep:var(--color-fp-blue-24);--auth-accent-tint:var(--color-fp-blue-2);--auth-ink:var(--color-fp-blue-18);--auth-ink-2:var(--color-fp-gray-6);--auth-ink-3:var(--color-fp-gray-2);--auth-bg:var(--color-fp-gray-5);--auth-surface:255 255 255;--auth-surface-2:var(--color-fp-gray-11);--auth-line:var(--color-fp-gray-8);--auth-line-2:var(--color-fp-gray-1);--auth-shadow:0 1px 2px #1f29330d, 0 12px 30px -14px #1f293333;--auth-shadow-pop:0 10px 30px -8px #1f29334d;--auth-r:16px;--auth-r-sm:10px;--auth-display:var(--font-dmsans), "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}.auth-shell{background:rgb(var(--auth-bg));background-image:radial-gradient(circle at 8% -12%,#4055a81a,#0000 46%);min-height:100vh;display:flex}.auth-aside{color:#fff;background:linear-gradient(158deg, rgb(var(--auth-accent)) 0%, rgb(var(--auth-accent-deep)) 100%);flex-direction:column;flex-shrink:0;gap:34px;width:420px;padding:56px 44px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-120px}.auth-aside.recipient{background:linear-gradient(158deg, rgb(var(--auth-accent-ink)) 0%, rgb(var(--auth-accent-deep)) 100%)}.auth-aside>*{z-index:1;position:relative}.auth-main{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-card{background:rgb(var(--auth-surface));border:1px solid rgb(var(--auth-line));border-radius:var(--auth-r);width:100%;max-width:468px;box-shadow:var(--auth-shadow);padding:46px 46px 40px;animation:.5s cubic-bezier(.2,.7,.2,1) both auth-rise}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-mark{width:46px;height:46px;font-family:var(--auth-display);letter-spacing:-.03em;color:rgb(var(--auth-accent-deep));background:#fff;border-radius:13px;flex:none;place-items:center;font-size:21px;font-weight:800;display:grid;box-shadow:0 6px 18px -8px #0000008c,inset 0 0 0 1px #fff9}.brand{font-family:var(--auth-display);letter-spacing:-.02em;color:#fff;font-size:21px;font-weight:800;line-height:1.1}.brand span{color:rgb(var(--color-fp-blue-7))}.aside-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin:0 0 10px;font-size:11.5px;font-weight:700}.auth-heading{font-family:var(--auth-display);letter-spacing:-.02em;color:#fff;max-width:15ch;margin:0;font-size:31px;font-weight:800;line-height:1.1}.illustration-card{margin-top:auto}.illustration-box{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;padding:22px 24px}.illustration-copy{color:#ffffffe6;font-size:14.5px;line-height:1.6}.illustration-copy strong{font-family:var(--auth-display);letter-spacing:-.01em;color:#fff;margin-bottom:2px;font-size:16px;font-weight:700;display:block}.icon-badge{background:linear-gradient(140deg, rgb(var(--auth-accent)), rgb(var(--auth-accent-deep)));color:#fff;width:48px;height:48px;font-family:var(--auth-display);letter-spacing:-.02em;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:21px;font-weight:800;display:flex;box-shadow:0 8px 20px -10px #4055a8e6}.title{font-family:var(--auth-display);letter-spacing:-.02em;color:rgb(var(--auth-ink));margin:0 0 7px;font-size:27px;font-weight:800;line-height:1.12}.subtitle{color:rgb(var(--auth-ink-2));margin:0 0 22px;font-size:14.5px;line-height:1.55}.section-label{color:rgb(var(--auth-ink-2));margin-top:20px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.input{border:1px solid rgb(var(--auth-line-2));border-radius:var(--auth-r-sm);width:100%;min-height:46px;color:rgb(var(--auth-ink));box-sizing:border-box;background:#fff;outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:block}.input::placeholder{color:rgb(var(--auth-ink-3))}.input:focus,.input:focus-visible{border-color:rgb(var(--auth-accent));box-shadow:0 0 0 3px rgb(var(--auth-accent-tint))}.password-wrap{position:relative}.password-wrap .input{padding-right:68px}.password-toggle{min-width:44px;min-height:44px;color:rgb(var(--auth-accent));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:focus-visible{box-shadow:0 0 0 3px rgb(var(--auth-accent-tint));outline:none}.error{color:rgb(var(--color-fp-red-7));margin-top:6px;font-size:12.5px}.muted{color:rgb(var(--auth-ink-3));font-size:13px}.helper-row{align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.helper-row a{color:rgb(var(--auth-accent));text-underline-offset:2px;font-weight:600;text-decoration:underline}.helper-row a:hover{color:rgb(var(--auth-accent-ink));text-decoration:underline}.info-box a{color:rgb(var(--auth-accent));text-underline-offset:2px;font-weight:600;text-decoration:underline}.info-box a:hover{color:rgb(var(--auth-accent-ink));text-decoration:underline}.button{background:rgb(var(--auth-accent));color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:12px 16px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.button:hover{background:rgb(var(--auth-accent-deep));box-shadow:var(--auth-shadow-pop)}.button:focus-visible{box-shadow:0 0 0 3px rgb(var(--auth-accent-tint));outline:none}.toggle-group{border:1px solid rgb(var(--auth-line));background:rgb(var(--auth-surface-2));border-radius:12px;gap:4px;margin-top:8px;padding:4px;display:flex}.toggle-link{letter-spacing:-.005em;min-height:44px;color:rgb(var(--auth-ink-2));text-align:center;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.toggle-link:hover{color:rgb(var(--auth-accent-ink))}.toggle-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--auth-accent-tint));outline:none}.toggle-link.active{background:rgb(var(--auth-accent));color:#fff;box-shadow:0 4px 12px -5px #4055a8cc}.toggle-link.active:hover{color:#fff}.info-box{background:rgb(var(--auth-accent-tint));color:rgb(var(--auth-accent-deep));border:1px solid #4055a824;border-radius:12px;margin-top:10px;padding:13px 16px;font-size:13px;line-height:1.5}.info-box strong{letter-spacing:-.01em;font-weight:700;display:block}.info-box .muted{color:rgb(var(--color-fp-gray-6))}.alert{border-radius:var(--auth-r-sm);margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500}.alert.success{background:rgb(var(--color-fp-green-2));color:rgb(var(--color-fp-green-9))}.alert.error{background:rgb(var(--color-fp-red-2));color:rgb(var(--color-fp-red-8))}.landing-shell{background:rgb(var(--auth-bg));background-image:radial-gradient(circle at 8% -12%,#4055a81a,#0000 46%);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.landing-card{border:1px solid rgb(var(--auth-line));border-radius:var(--auth-r);width:100%;max-width:600px;box-shadow:var(--auth-shadow);background:#fff;padding:48px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--auth-accent-ink));margin:0 0 12px;font-size:11.5px;font-weight:700}.link-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.ghost-link{border:1px solid rgb(var(--auth-line-2));border-radius:var(--auth-r-sm);color:rgb(var(--auth-accent));padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:block}.ghost-link:hover{border-color:rgb(var(--auth-accent));color:rgb(var(--auth-accent-ink));background:rgb(var(--auth-accent-tint))}.ghost-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--auth-accent-tint));outline:none}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check-row{color:rgb(var(--auth-ink-2));align-items:flex-start;gap:10px;margin-top:20px;margin-bottom:18px;font-size:13px;line-height:1.5;display:flex}.choice-grid{grid-template-columns:1fr;gap:10px;margin-top:20px;display:grid}.choice-button{border:1px solid rgb(var(--auth-line-2));border-radius:var(--auth-r-sm);color:rgb(var(--auth-ink-2));text-align:left;cursor:pointer;background:#fff;padding:14px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.choice-button:hover{border-color:rgb(var(--auth-accent));background:rgb(var(--auth-accent-tint))}.choice-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--auth-accent-tint));outline:none}.otp-boxes{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px;display:grid}.otp-boxes .input{text-align:center;font-family:var(--auth-display);padding-left:0;padding-right:0;font-size:20px;font-weight:700}.status-shell{background:rgb(var(--auth-bg));background-image:radial-gradient(circle at 8% -12%,#4055a81a,#0000 46%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.status-card{border:1px solid rgb(var(--auth-line));border-radius:var(--auth-r);width:100%;max-width:560px;box-shadow:var(--auth-shadow);background:#fff;padding:36px}.status-card h1{font-family:var(--auth-display);letter-spacing:-.02em;color:rgb(var(--auth-ink));margin:10px 0 8px;font-size:25px;font-weight:800}.status-card p{color:rgb(var(--auth-ink-2));margin:0;font-size:14.5px;line-height:1.55}@media (max-width:768px){.auth-aside{display:none}.auth-main{padding:32px 18px}.auth-card{border-radius:14px;padding:30px 22px 26px}.title{font-size:24px}.row{grid-template-columns:1fr}.otp-boxes{grid-template-columns:repeat(3,1fr)}}.text-link{color:rgb(var(--auth-accent));border-radius:4px;font-weight:600;text-decoration:none;transition:color .15s,text-decoration-color .15s}.text-link:hover{color:rgb(var(--auth-accent-ink));text-underline-offset:3px;text-decoration:underline}.text-link:focus-visible{outline:2px solid rgb(var(--auth-accent));outline-offset:2px;text-underline-offset:3px;text-decoration:underline}.consent-link{color:rgb(var(--auth-accent));text-underline-offset:2px;text-decoration:underline;transition:color .15s}.consent-link:hover,.consent-link:focus-visible{color:rgb(var(--auth-accent-ink))}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}.toggle-link,.button,.input,.choice-button,.ghost-link,.text-link,.consent-link{transition:none}}
