.backdrop{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 50% -10%, #7828e652, transparent 70%), radial-gradient(45% 40% at 92% 8%, #d129f51f, transparent 70%), radial-gradient(40% 45% at 4% 30%, #5f04eb1f, transparent 70%), var(--bg-0);position:fixed;inset:0;overflow:hidden}.backdrop canvas{width:100%;height:100%;display:block}.aform{gap:14px;display:grid}.aform.is-sending{pointer-events:none}.afield{gap:7px;display:grid}.afield__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.afield__label{color:var(--text-2);font-size:13px;font-weight:560}.afield__link{color:var(--text-3);font-size:12.5px;text-decoration:none;transition:color .2s}.afield__link:hover{color:var(--lilac)}.afield__hint{color:var(--text-3);font-size:12.5px;line-height:1.45;transition:color .25s}.afield__hint.is-good{color:var(--mint)}.afield__hint.is-bad{color:#ff9ab4}.afield input,.otp input{width:100%;height:46px;color:var(--text);font:inherit;background:#00000042;border:0;border-radius:14px;padding:0 14px;font-size:15px;transition:box-shadow .25s,background-color .25s;box-shadow:inset 0 0 0 1px #ffffff14}.afield input:hover{box-shadow:inset 0 0 0 1px #ffffff21}.afield input:focus{background:#00000057;outline:none;box-shadow:inset 0 0 0 1.5px #cdb6ff8c,0 0 0 4px #ac86ff1a}.afield input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px #ff78a08c}.afield input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:inset 0 0 0 1px #cdb6ff4d,inset 0 0 0 60px #17122a}.afield__box{display:block;position:relative}.afield__box input{padding-right:46px}.afield__box--at input{padding-left:32px;padding-right:40px}.afield__at{color:var(--text-3);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;translate:0 -50%}.eye{width:36px;height:36px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:color .2s,background-color .2s;display:grid;position:absolute;top:50%;right:5px;translate:0 -50%}.eye:hover{color:var(--text);background:#ffffff0f}.eye svg{width:18px;height:18px;transition:opacity .2s, transform .3s var(--ease-out);grid-area:1/1}.eye svg:last-child,.eye.is-on svg:first-child{opacity:0;transform:scale(.7)}.eye.is-on svg:last-child{opacity:1;transform:none}.ustate{width:9px;height:9px;transition:background-color .3s, box-shadow .3s, transform .4s var(--ease-spring);background:#ffffff24;border-radius:50%;position:absolute;top:50%;right:15px;transform:scale(0)}.ustate[data-state]{transform:scale(1)}.ustate[data-state=checking]{animation:1s ease-in-out infinite breathe}.ustate[data-state=ok]{background:var(--mint);box-shadow:0 0 12px #8af5c8b3}.ustate[data-state=bad]{background:#ff7aa0;box-shadow:0 0 12px #ff7aa099}@keyframes breathe{50%{opacity:.35}}.meter{grid-template-columns:repeat(4,1fr);gap:5px;height:4px;margin-top:1px;display:grid}.meter i{background:#ffffff14;border-radius:2px;transition:background-color .35s,box-shadow .35s}.meter[data-level="1"] i:nth-child(-n+1){background:#ff7aa0}.meter[data-level="2"] i:nth-child(-n+2){background:var(--gold)}.meter[data-level="3"] i:nth-child(-n+3){background:var(--lilac-2)}.meter[data-level="4"] i{background:var(--mint);box-shadow:0 0 10px #8af5c859}.amsg{color:#ff9ab4;opacity:0;transition:grid-template-rows .35s var(--ease-out), opacity .3s, margin .35s var(--ease-out);grid-template-rows:0fr;margin:-7px 0;font-size:13.5px;line-height:1.45;display:grid}.amsg>span{overflow:hidden}.amsg.is-shown{opacity:1;grid-template-rows:1fr;margin:0}.amsg.is-good{color:var(--mint)}.abtn{height:48px;margin-top:2px}.abtn--sm{height:38px;margin-top:0}.abtn:after{content:"";opacity:0;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;transition:opacity .2s;animation:.8s linear infinite spin;position:absolute}.abtn>*{transition:opacity .2s}.is-sending .abtn>*{opacity:0}.is-sending .abtn:after{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}
