.duet-auth.dl{background:#060608;min-height:100dvh;overflow:hidden}.duet-auth.dl .dl-amb{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.duet-auth.dl .dl-amb i{opacity:0;filter:blur(64px)saturate(1.4);animation:32s linear infinite dl-amb;position:absolute;inset:-10%}.duet-auth.dl .dl-amb i:first-child{background:radial-gradient(closest-side at 30% 40%,#8b84ff,#0000);animation-delay:-3s}.duet-auth.dl .dl-amb i:nth-child(2){background:radial-gradient(closest-side at 70% 60%,#ff9a5c,#0000);animation-delay:-24s}.duet-auth.dl .dl-amb i:nth-child(3){background:radial-gradient(closest-side at 50% 30%,#e27ac0,#0000);animation-delay:-13s}.duet-auth.dl .dl-amb:after{content:"";background:radial-gradient(60% 64%,#06060833,#060608db 72%,#060608);position:absolute;inset:0}.duet-auth.dl .dl-grain{z-index:-1;opacity:.04;pointer-events:none;background-image:radial-gradient(#ffffffe6 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.duet-auth.dl .dl-center{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;min-height:100dvh;padding:72px 16px 88px;display:flex;position:relative}.duet-auth.dl .dl-brand{flex-direction:column;align-items:center;gap:16px;animation:.7s cubic-bezier(.2,.8,.2,1) both dl-up;display:flex}.duet-auth.dl .dl-brand b{letter-spacing:-.02em;font-size:20px;font-weight:800}.duet-auth.dl .dl-orb{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.duet-auth.dl .dl-orb svg{filter:drop-shadow(0 16px 40px #6c63f080)}.duet-auth.dl .dl-orb:before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f5f5f714}.duet-auth.dl .dl-card{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#121218b8;border-radius:24px;width:100%;max-width:440px;padding:32px;animation:.7s cubic-bezier(.2,.8,.2,1) .12s both dl-up;position:relative;box-shadow:inset 0 0 0 1px #f5f5f714,0 32px 80px #00000080}.duet-auth.dl .dl-form{text-align:center;flex-direction:column;gap:12px;animation:.4s cubic-bezier(.2,.8,.2,1) both dl-in;display:flex}.duet-auth.dl .dl-form h1{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.15}.duet-auth.dl .dl-lead{color:#f5f5f799;margin:0 0 8px;font-size:16px;line-height:1.5}.duet-auth.dl .dl-lead b{color:#f5f5f7;overflow-wrap:anywhere}.duet-auth.dl .dl-btn{border-radius:16px;justify-content:center;align-items:center;gap:12px;height:56px;padding:0 20px;font-size:16px;font-weight:700;transition:background-color .15s,transform .15s,opacity .15s;display:flex;position:relative}.duet-auth.dl .dl-btn:active:not(:disabled){transform:scale(.98)}.duet-auth.dl .dl-btn:disabled{cursor:default}.duet-auth.dl .dl-btn svg{display:block}.duet-auth.dl .dl-tg{color:#060608;background:#f5f5f7}.duet-auth.dl .dl-tg:not(:disabled):hover{background:#fff}.duet-auth.dl .dl-tg:disabled{opacity:.6}.duet-auth.dl .dl-tg-mark{color:#fff;background:#2aabee;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.duet-auth.dl .dl-tg-mark svg{margin:-1px 1px 0 0}.duet-auth.dl .dl-pr{color:#fff;background:#8b84ff}.duet-auth.dl .dl-pr:not(:disabled):hover{background:#9c96ff}.duet-auth.dl .dl-pr:disabled{color:#f5f5f759;background:#f5f5f714}.duet-auth.dl .dl-or{color:#f5f5f759;align-items:center;gap:12px;margin:8px 0;font-size:12px;display:flex}.duet-auth.dl .dl-or:before,.duet-auth.dl .dl-or:after{content:"";background:#f5f5f714;flex:1 1 0;height:1px}.duet-auth.dl .dl-field{color:#f5f5f773;background:#f5f5f70d;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 16px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #f5f5f71a}.duet-auth.dl .dl-field:focus-within{color:#f5f5f7;box-shadow:inset 0 0 0 2px #8b84ffb3,0 0 0 4px #8b84ff1f}.duet-auth.dl .dl-field.bad{animation:.3s dl-shake;box-shadow:inset 0 0 0 2px #f87171b3}.duet-auth.dl .dl-field svg{flex:none}.duet-auth.dl .dl-field input{color:#f5f5f7;text-align:left;background:0 0;border:0;outline:0;flex:1 1 0;min-width:0;height:100%;font:500 16px Onest,system-ui,sans-serif}.duet-auth.dl .dl-field input::placeholder{color:#f5f5f759}.duet-auth.dl .dl-err{color:#fca5a5;margin-top:-4px;font-size:12px;line-height:1.45}.duet-auth.dl .dl-hint{color:#f5f5f773;font-size:12px;line-height:1.45}.duet-auth.dl .dl-reg{color:#f5f5f780;margin-top:8px;font-size:12px}.duet-auth.dl .dl-tgw{text-align:center;background:#f5f5f70a;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:20px;animation:.3s cubic-bezier(.2,.8,.2,1) both dl-in;display:flex;box-shadow:inset 0 0 0 1px #f5f5f714}.duet-auth.dl .dl-qr{color:#09090b;background:#f5f5f7;border-radius:16px;flex:none;width:160px;height:160px;padding:10px;display:flex}.duet-auth.dl .dl-qr svg{fill:currentColor;width:100%;height:100%}.duet-auth.dl .dl-tgw-t{color:#f5f5f7a6;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;font-size:12px;line-height:1.45;display:flex}.duet-auth.dl .dl-tgw-t b{color:#f5f5f7;font-size:16px}.duet-auth.dl .dl-tgw-t .dl-row{justify-content:center;margin-top:4px}.duet-auth.dl .dl-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.duet-auth.dl .dl-row-c{justify-content:center}.duet-auth.dl .dl-wait{justify-content:center;align-items:center;gap:8px;display:flex}.duet-auth.dl .dl-form [aria-live=polite]{text-align:left}.duet-auth.dl .dl-wait .spin{border-top-color:#c9c5ff}.duet-auth.dl .dl-code{justify-content:center;gap:8px;display:flex}.duet-auth.dl .dl-code input{color:#f5f5f7;text-align:center;font-variant-numeric:tabular-nums;background:#f5f5f70f;border:0;border-radius:14px;outline:0;width:52px;height:64px;font:800 26px Onest,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #f5f5f71f}.duet-auth.dl .dl-code input:focus{box-shadow:inset 0 0 0 2px #8b84ffb3,0 0 0 4px #8b84ff1f}.duet-auth.dl .dl-code.bad input{box-shadow:inset 0 0 0 2px #f87171b3}.duet-auth.dl .dl-link{color:#b4afff;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.duet-auth.dl .dl-link:hover:not(:disabled){text-decoration:underline}.duet-auth.dl .dl-link:disabled{opacity:.5;cursor:default}.duet-auth.dl .dl-form .form{text-align:left}.duet-auth.dl .dl-alt{color:#f5f5f799;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .15s,background-color .15s;animation:.7s cubic-bezier(.2,.8,.2,1) .2s both dl-up}.duet-auth.dl .dl-alt:hover{color:#f5f5f7;background:#f5f5f70f}.duet-auth.dl .dl-chips{flex-wrap:wrap;justify-content:center;gap:8px;animation:.7s cubic-bezier(.2,.8,.2,1) .24s both dl-up;display:flex}.duet-auth.dl .dl-chips span{color:#f5f5f799;background:#f5f5f70a;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #f5f5f70f}.duet-auth.dl .dl-chips i{border-radius:50%;width:8px;height:8px}@media (max-width:480px){.duet-auth.dl .dl-card{padding:24px}.duet-auth.dl .dl-code input{width:44px;height:56px}}@keyframes dl-amb{0%{opacity:0;transform:scale(1.1)}6%,25%{opacity:.42}31%,to{opacity:0;transform:scale(1.24)}}@keyframes dl-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dl-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes dl-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}
