@keyframes login-card-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-item-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-border-spin{to{--border-angle:360deg}}@keyframes login-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes login-error-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes login-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8px,-12px)scale(1.05)}66%{transform:translate(-6px,6px)scale(.95)}}@keyframes login-pulse-ring{0%{opacity:.5;transform:scale(.95)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-form-shell{--mouse-x:50%;--mouse-y:50%;animation:.7s cubic-bezier(.22,1,.36,1) both login-card-enter;position:relative}.login-form-shell:before,.login-form-shell:after{content:"";pointer-events:none;border-radius:1.35rem;position:absolute}.login-form-shell:before{background:conic-gradient(from var(--border-angle), transparent 0deg, rgba(var(--login-accent-rgb), .05) 60deg, rgba(var(--login-accent-rgb), .55) 120deg, rgba(var(--login-accent-rgb), .05) 180deg, transparent 240deg);opacity:.85;animation:8s linear infinite login-border-spin;inset:-1px}.login-form-shell:after{background:radial-gradient(520px circle at var(--mouse-x) var(--mouse-y), rgba(var(--login-accent-rgb), .14), transparent 42%);opacity:.6;transition:opacity .35s;inset:0}.login-form-shell:hover:after{opacity:1}.login-form-card{z-index:1;box-shadow:0 0 0 1px #0006, 0 24px 48px -12px #000000a6, 0 0 80px -20px rgba(var(--login-accent-rgb), .25);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(165deg,#121214f5 0%,#09090bfa 100%);border:1px solid #ffffff0f;border-radius:1.35rem;position:relative;overflow:hidden}.login-form-card.login-form-card--shake{animation:.45s login-shake}.login-form-orb{filter:blur(40px);pointer-events:none;border-radius:9999px;animation:9s ease-in-out infinite login-orb-float;position:absolute}.login-form-orb--a{background:rgba(var(--login-accent-rgb), .18);width:180px;height:180px;top:-20%;right:-10%}.login-form-orb--b{background:rgba(var(--login-accent-rgb), .1);width:140px;height:140px;animation-delay:-3s;bottom:-15%;left:-8%}.login-form-header{border-bottom:1px solid #ffffff0d;padding:2rem 2rem 1.5rem;position:relative}.login-form-header:before{content:"";background:linear-gradient(135deg, rgba(var(--login-accent-rgb), .16) 0%, transparent 55%);pointer-events:none;position:absolute;inset:0}.login-form-badge{border:1px solid rgba(var(--login-accent-rgb), .28);background:rgba(var(--login-accent-rgb), .1);letter-spacing:.04em;color:var(--login-accent);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:relative}.login-form-stagger>*{animation:.55s cubic-bezier(.22,1,.36,1) both login-item-enter}.login-form-stagger>:first-child{animation-delay:.12s}.login-form-stagger>:nth-child(2){animation-delay:.2s}.login-form-stagger>:nth-child(3){animation-delay:.28s}.login-form-stagger>:nth-child(4){animation-delay:.36s}.login-form-stagger>:nth-child(5){animation-delay:.44s}.login-form-field{position:relative}.login-form-field__input-wrap{background:#09090bd9;border:1px solid #3f3f46d9;border-radius:.85rem;align-items:center;transition:border-color .25s,box-shadow .25s,background .25s,transform .2s;display:flex;position:relative}.login-form-field__input-wrap:hover{background:#0c0c0ef2;border-color:#52525bf2}.login-form-field__input-wrap:focus-within{border-color:rgba(var(--login-accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--login-accent-rgb), .12), 0 0 24px -6px rgba(var(--login-accent-rgb), .35);background:#09090b;transform:translateY(-1px)}.login-form-field--invalid .login-form-field__label{color:#fca5a5}.login-form-field--invalid .login-form-field__input-wrap{background:#180a0a8c;border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.login-form-field--invalid .login-form-field__input-wrap:hover{border-color:#f871718c}.login-form-field--invalid .login-form-field__input-wrap:focus-within{border-color:#f87171a6;transform:translateY(-1px);box-shadow:0 0 0 3px #ef444424,0 0 20px -8px #ef444459}.login-form-field--invalid .login-form-field__icon{color:#f87171}.login-form-field__hint{color:#fca5a5;align-items:flex-start;gap:.35rem;font-size:.75rem;line-height:1.4;animation:.3s both login-error-enter;display:flex}.login-form-field__hint-icon{flex-shrink:0;margin-top:.1rem}.login-form-field__icon{color:#52525b;pointer-events:none;width:1rem;height:1rem;transition:color .25s;position:absolute;left:.85rem}.login-form-field__input-wrap:focus-within .login-form-field__icon{color:var(--login-accent)}.login-form-field__input{color:#f4f4f5;background:0 0;border:0;outline:none;width:100%;height:2.75rem;padding:0 2.75rem 0 2.65rem;font-size:.875rem}.login-form-field__input::placeholder{color:#52525b;transition:opacity .2s}.login-form-field__input:focus::placeholder{opacity:.45}.login-form-field__toggle{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .2s,background .2s;display:flex;position:absolute;right:.5rem}.login-form-field__toggle:hover{color:#d4d4d8;background:#ffffff0a}.login-form-error{border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.45;animation:.35s both login-error-enter;display:flex}.login-form-error--auth,.login-form-error--unknown{color:#fca5a5;background:linear-gradient(135deg,#ef44441f,#ef44440f);border:1px solid #ef444447}.login-form-error--rate-limit{color:#fcd34d;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border:1px solid #f59e0b47}.login-form-error--network{color:#7dd3fc;background:linear-gradient(135deg,#38bdf81f,#38bdf80f);border:1px solid #38bdf847}.login-form-error--validation{color:#fecaca;background:#ef444414;border:1px solid #ef444438}.login-form-submit{background:linear-gradient(135deg, var(--login-accent) 0%, color-mix(in srgb, var(--login-accent) 75%, white) 100%);color:#09090b;cursor:pointer;width:100%;height:2.75rem;box-shadow:0 1px 0 #ffffff26 inset, 0 8px 24px -8px rgba(var(--login-accent-rgb), .55);border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .25s,filter .2s;display:flex;position:relative;overflow:hidden}.login-form-submit:before{content:"";opacity:0;background:linear-gradient(105deg,#0000 0%,#ffffff38 45%,#0000 90%) 0 0/200% 100%;transition:opacity .25s;position:absolute;inset:0}.login-form-submit:hover:not(:disabled){box-shadow:0 1px 0 #fff3 inset, 0 14px 32px -10px rgba(var(--login-accent-rgb), .65);transform:translateY(-2px)}.login-form-submit:hover:not(:disabled):before{opacity:1;animation:1.8s infinite login-shimmer}.login-form-submit:active:not(:disabled){transform:translateY(0)}.login-form-submit:disabled{cursor:not-allowed;opacity:.72;filter:saturate(.85)}.login-form-submit__ring{border-radius:inherit;border:2px solid rgba(var(--login-accent-rgb), .45);pointer-events:none;animation:1.4s ease-out infinite login-pulse-ring;position:absolute;inset:-4px}.login-form-submit__progress{background:#09090b59;width:40%;height:2px;animation:1.2s linear infinite login-shimmer;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.login-form-shell,.login-form-shell:before,.login-form-stagger>*,.login-form-orb,.login-form-submit__ring,.login-form-submit:hover:not(:disabled):before,.login-form-submit__progress{animation:none!important}.login-form-shell:after{transition:none}.login-form-field__input-wrap:focus-within,.login-form-submit:hover:not(:disabled){transform:none}}