.auth-canvas{color:#fff;--mask-x:50%;--mask-y:38%;background:radial-gradient(900px 500px at 80% 8%,#8349f44d,#0000 60%),radial-gradient(900px 600px at 0 100%,#4da8ff47,#0000 60%),radial-gradient(700px 500px,#8349f46b,#0000 60%),linear-gradient(160deg,#241452 0%,#1d2d39 100%);position:relative;overflow:hidden}.auth-canvas:before{content:"";-webkit-mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);-webkit-mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);pointer-events:none;background-image:linear-gradient(#ffffff14 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff14 1.5px,#0000 1.5px);background-size:56px 56px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.auth-canvas{--mask-x:50%!important;--mask-y:38%!important}}.auth-canvas>*{z-index:1;position:relative}.auth-hero-accent{background:linear-gradient(120deg,#e86dce,#4da8ff 50%,#9b6bf7);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-mark{background:linear-gradient(135deg,#9b6bf7 0%,#8349f4 100%);border-radius:11px;width:40px;height:40px;box-shadow:0 12px 32px #8349f473}@media (max-width:1023px){.auth-canvas{display:none}}
.auth-input-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.auth-input-wrap:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 4px #8349f41f}.auth-input-wrap.error{border-color:var(--color-bad)}.auth-input-wrap input{min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;flex:1;padding:12px 14px 12px 4px;font-size:14.5px}.auth-input-wrap input::placeholder{color:#94a0b8}.auth-submit{background:var(--gradient-primary);transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px #8349f44d}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #8349f46b}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit .arrow{transition:transform .2s}.auth-submit:hover:not(:disabled) .arrow{transform:translate(3px)}.auth-check .box{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:6px;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.auth-check input:checked+.box{background:var(--gradient-primary);border-color:#0000}.auth-check input:checked+.box:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}