@layer components{.ts-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem;background:linear-gradient(135deg,#f9fbfdf5,#eef6fff0);overflow:hidden}.meta-stakes-background{position:fixed;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.meta-stakes-logo{position:relative;width:max(100vw,204vh);aspect-ratio:1100 / 541;max-width:none;flex:0 0 auto;opacity:.8}.meta-stake{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translate(-90rem,85rem) rotate(-2.5deg) scale(.992);transform-origin:48% 64%;will-change:transform,opacity;animation-name:metaStakeEnter;animation-duration:1.6s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-fill-mode:forwards}.meta-stake-1{animation-delay:1s}.meta-stake-2{animation-delay:1.75s}.meta-stake-3{animation-delay:2.5s}@supports (height: 100dvh){.ts-login-page{min-height:100dvh}}.ts-login-card{position:relative;width:calc(100% - 24px);max-width:500px;padding:28px 26px 32px;margin:0 auto;background:linear-gradient(90deg,#1d4ed8,#2563eb,#3b82f6) top / 100% 4px no-repeat,#ffffffeb;border:1px solid rgba(226,232,240,.9);border-radius:18px;box-shadow:0 18px 34px -18px #0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1}.ts-login-brand-copy{--login-brand-text-width: 286px;--login-brand-text-buffer: 10px;--login-brand-shift: calc(var(--login-brand-text-width) / 2);display:flex;align-items:center;justify-content:flex-start;gap:0;width:calc(72px + var(--login-brand-text-width) + var(--login-brand-text-buffer));max-width:86%;text-align:left;margin:0 auto 6px;overflow:hidden}.ts-login-brand{display:flex;justify-content:center;align-items:center;width:72px;height:72px;margin:0;background:transparent;box-shadow:none;transform:translate(var(--login-brand-shift));transition:transform .95s cubic-bezier(.19,1,.22,1);transition-delay:0s;flex:0 0 auto;will-change:transform}.ts-login-brand-copy.brand-animate .ts-login-brand{transform:translate(0)}.ts-login-brand-copy:not(.brand-animate) .ts-login-brand:hover{transform:translate(var(--login-brand-shift))}.ts-login-brand-copy.brand-animate .ts-login-brand:hover{transform:translateY(-2px)}.ts-login-logo{display:block;width:64px;height:64px;margin:0;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(15,23,42,.08));transition:transform .3s ease}.ts-login-logo:hover{transform:scale(1.05)}.ts-login-brand-text{display:flex;align-items:center;flex:0 0 auto;width:0;min-width:0;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;visibility:hidden;transition:width .95s cubic-bezier(.19,1,.22,1),max-width .95s cubic-bezier(.19,1,.22,1),opacity 1ms steps(1,end) .22s,visibility 0s linear .95s;will-change:width,max-width,opacity,visibility}.ts-login-brand-copy.brand-animate .ts-login-brand-text{width:calc(var(--login-brand-text-width) + var(--login-brand-text-buffer));max-width:calc(var(--login-brand-text-width) + var(--login-brand-text-buffer));opacity:1;visibility:visible;transition:width .95s cubic-bezier(.19,1,.22,1) .24s,max-width .95s cubic-bezier(.19,1,.22,1) .24s,opacity 1ms steps(1,end) .24s,visibility 0s}.ts-login-brand-divider{width:1px;height:42px;margin-left:14px;background:#d1d5db;flex:0 0 auto}.ts-login-brand-text-block{display:flex;flex-direction:column;min-width:0;margin-left:14px;white-space:normal}.ts-login-brand-title{display:block;flex:0 0 auto;margin:0;color:#475569;font-size:26px;font-weight:650;line-height:1.2;letter-spacing:0}.ts-login-brand-description{margin:2px 0 0;color:#64748b;font-size:15px;font-weight:500;line-height:1.25}.ts-login-intro{text-align:center;width:86%;margin:12px auto 22px}.ts-login-intro p{margin:0;color:#64748b;font-size:16px;font-weight:400;line-height:1.35}.ts-login-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 1rem;margin-bottom:1rem;border-left:4px solid transparent;border-radius:.75rem;font-size:.875rem;line-height:1.4}.ts-login-alert-error{border-left-color:#ef4444;background:#fef2f2;color:#b91c1c}.ts-login-alert-success{border-left-color:#22c55e;background:#f0fdf4;color:#15803d}.ts-login-alert-info{border-left-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.ts-login-form{width:86%;margin:0 auto;display:flex;flex-direction:column;gap:12px}.ts-login-field{margin:0}.ts-login-input-wrap{position:relative}.ts-login-input{width:100%;min-height:54px;height:auto;padding:13px 15px;border:1.5px solid #dbe3ee;border-radius:12px;background:#fff;color:#0f172a;font-size:18px;line-height:1.5;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.ts-login-input-password{padding-right:3rem}.ts-login-input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #2563eb24;background:#fff}.ts-login-label{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af;background:#fff;padding:0 4px;font-size:18px;line-height:1;pointer-events:none}.ts-login-label.label-floating{top:0!important;transform:translateY(-50%);color:#1e40af;font-size:15px}.ts-login-input.ts-login-input-error{border-color:#dc3545!important;box-shadow:0 0 0 4px #dc35451a!important;background:#fff!important}.ts-login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9ca3af;opacity:.8;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s ease}.ts-login-password-toggle:hover{color:#475569}.ts-login-password-toggle:focus-visible{outline:none;color:#1e40af}.ts-login-inline-error{margin-top:6px;margin-left:4px;color:#dc2626;font-size:11.5px;line-height:1.2;font-weight:500}.ts-login-submit{margin-top:4px;width:100%;cursor:pointer;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;color:#fff;letter-spacing:.1px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;height:auto;padding:13px 16px;font-size:18px;overflow:hidden;position:relative;box-shadow:0 10px 16px -10px #2563ebbf;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.ts-login-submit:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 12px 20px -11px #2563ebd9}.ts-login-submit:active{transform:translateY(0);box-shadow:0 6px 10px -8px #2563ebbf}.ts-login-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f63d,0 12px 20px -11px #2563ebd9}.ts-login-submit:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 10px 16px -10px #2563ebbf}@media(prefers-reduced-motion:reduce){.ts-login-brand{transition-duration:.7s}.ts-login-brand-text{transition-duration:.7s,.7s,.26s,0s}}@media(max-width:1024px){.ts-login-card{max-width:440px;padding:22px 20px 25px;background:linear-gradient(90deg,#1d4ed8,#2563eb,#3b82f6) top / 100% 4px no-repeat,#fffffff2;border:1px solid rgba(226,232,240,.95);border-radius:16px;box-shadow:0 14px 24px -14px #0f172a80}}@media(max-width:768px){.ts-login-card{max-width:370px;padding:20px 18px 22px}.ts-login-brand-title{font-size:22px}.ts-login-intro{width:90%;margin:8px auto 18px}.ts-login-intro p{font-size:14px}.ts-login-form{width:90%;gap:9px}.ts-login-input{min-height:44px;font-size:14px;padding:10px 12px}.ts-login-input-password{padding-right:2.75rem}.ts-login-label{left:12px;font-size:14px}.ts-login-label.label-floating{font-size:12px}.ts-login-password-toggle{right:12px}.ts-login-submit{min-height:44px;padding:10px 12px;font-size:15px;gap:6px}}}@keyframes metaStakeEnter{0%{opacity:0;transform:translate(-90rem,85rem) rotate(-2.5deg) scale(.992)}40%{opacity:.13}to{opacity:.13;transform:translate(0) rotate(0) scale(1)}}