.login-letterbox-page{background:#000;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-letterbox-ken-burns{z-index:0;pointer-events:none;will-change:transform;background:radial-gradient(50% 55% at 48% 42%,#69cef31f,#0000 62%),radial-gradient(40% 50% at 62% 58%,#8b5cf612,#0000 60%);animation:28s ease-in-out infinite alternate login-letterbox-ken-burns;position:fixed;inset:-10%}@keyframes login-letterbox-ken-burns{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.07)translate(1.2%,-.8%)}}.login-letterbox-vignette{z-index:1;pointer-events:none;background:linear-gradient(#000 0%,#000000b8 8%,#0000 22% 78%,#000000b8 92%,#000 100%);position:fixed;inset:0}.login-letterbox-inner{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:22rem;display:flex;position:relative}.login-letterbox-stack{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.login-letterbox-icon{filter:drop-shadow(0 0 22px #69cef361);width:auto;height:5rem}.login-letterbox-title{font-family:var(--font-hanken), sans-serif;letter-spacing:-.03em;color:var(--on-surface);font-size:2.25rem;font-weight:300}.login-letterbox-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--outline);font-size:.6875rem;font-weight:500}@keyframes login-letterbox-sheet-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-letterbox-animate .login-letterbox-sheet{animation:login-letterbox-sheet-in .9s var(--motion-ease-settle) .4s both}.login-letterbox-error{max-width:18rem;color:var(--error);text-align:center;font-size:.75rem;line-height:1.45}.login-letterbox-frame{border-radius:var(--radius-glass-sm);background:#000;min-height:28rem;position:relative;overflow:hidden}.login-letterbox-frame .login-letterbox-page{min-height:28rem;padding:2rem 1rem}.login-letterbox-frame .login-letterbox-ken-burns,.login-letterbox-frame .login-letterbox-vignette{position:absolute}@media (prefers-reduced-motion:reduce){.login-letterbox-ken-burns{animation:none!important}.login-letterbox-animate .login-letterbox-sheet{opacity:1!important;animation:none!important;transform:none!important}}