.login-container{position:relative;width:100%;max-width:380px;padding:0 24px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.login-container:before{content:"";position:fixed;inset:0;background:#fafaf8;z-index:-2;pointer-events:none}.login-ambient{position:fixed;top:50%;left:50%;width:min(720px,100vw);height:520px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 38%,rgba(0,0,0,.045),transparent 70%),radial-gradient(ellipse 80% 30% at 70% 15%,rgba(0,0,0,.025),transparent 75%);animation:loginAmbient 1.8s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}@keyframes loginAmbient{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.login-dorsia-logo{display:block;height:22px;width:auto;margin-bottom:4px;align-self:flex-start}.login-mark{font-family:var(--font-ui);font-weight:var(--ui-w-medium);font-size:82px;letter-spacing:-2.25px;line-height:.9;text-transform:uppercase;margin-bottom:10px;white-space:nowrap}.login-mark-letter{display:inline-block;will-change:transform,filter,opacity}.login-engine-name{font-family:var(--font-mono);text-transform:uppercase;font-size:10px;color:#a8a6a1;letter-spacing:.06em;margin-bottom:56px}.login-swap-holder{min-height:210px}.login-swap{will-change:transform,opacity}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:14px 20px;border:1px solid #000;border-radius:12px;font-family:var(--font-ui);font-size:16px;color:#000;background:#fff;outline:none;transition:box-shadow .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1)}.login-input::placeholder{color:#bbb}.login-input:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06)}.login-btn{position:relative;width:100%;padding:15px 18px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;font-family:var(--font-ui);font-size:15px;font-weight:var(--ui-w-medium);letter-spacing:-.1px;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);will-change:transform}.login-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 8px 24px -8px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.login-btn:hover{background:#1a1a1a;transform:translateY(-1px)}.login-btn:hover:after{opacity:1}.login-btn:active{transform:translateY(0);transition-duration:90ms}.login-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.login-btn:disabled:after{opacity:0}.login-subtitle{font-size:13px;color:#8a8880;margin-top:14px;line-height:1.5}.login-error{font-size:13px;color:#d94545;min-height:20px;margin-top:4px;transition:opacity .2s ease}.login-alt{display:inline-block;margin-top:12px;padding:6px 0;background:transparent;border:none;font-family:var(--font-ui);font-size:13px;color:#8a8880;cursor:pointer;transition:color .25s cubic-bezier(.22,1,.36,1);text-align:left}.login-alt:hover{color:#0a0a0a}@media (prefers-reduced-motion:reduce){.login-ambient,.login-dorsia-logo,.login-engine-name,.login-mark-letter,.login-swap{animation:none!important;transition:none!important}}@keyframes loginShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.login-input.shake{animation:loginShake .4s ease}@media (max-width:1023px){.login-mark{font-size:64px;letter-spacing:-1.6px}}@media (max-width:719px){.login-mark{font-size:48px;letter-spacing:-1.1px}.login-engine-name{margin-bottom:40px}.login-swap-holder{min-height:0}.login-ambient{height:380px}}