.login-page{position:fixed;inset:0;background-color:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{font-size:2rem;margin-bottom:1.5rem;color:var(--color-primary)}.login-form{flex-direction:column;gap:1rem;width:100%;max-width:320px;background-color:var(--color-card-bg);padding:2rem;border-radius:8px}.login-form,.username-input-wrapper{display:flex;border:1px solid var(--color-border)}.username-input-wrapper{align-items:center;padding:.5rem;border-radius:.375rem;background-color:var(--color-background);color:var(--color-text)}.username-prefix{margin-right:.25rem;opacity:.5}.username-input,.username-prefix{color:var(--color-text);font-size:1rem}.username-input{background:transparent;border:none;flex:1 1;outline:none;font-family:inherit;padding:0}