body{display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:2rem;width:100%;max-width:400px}.login-container h1{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.login-container button{width:100%}.login-container .error-message{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.login-container .error-message.hidden{display:none}.login-container .signin-actions{display:flex;flex-direction:column;gap:.75rem}.login-container .login-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem;display:flex;flex-direction:column;gap:.875rem;text-align:center;font-size:.875rem}.login-container .login-footer a{color:var(--color-primary);text-decoration:none}.login-container .login-footer a:hover{text-decoration:underline}.login-container .signup-link{color:var(--color-text-muted)}.login-container .hidden{display:none}.login-container .method-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--color-text-muted);font-size:.875rem}.login-container .method-divider:before,.login-container .method-divider:after{content:"";flex:1;border-top:1px solid var(--color-border)}.login-container .code-intro{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.25rem;overflow-wrap:break-word}.login-container #code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;letter-spacing:.25em;text-align:left;text-transform:uppercase}.login-container .code-links{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem}.login-container .code-links a{color:var(--color-primary);text-decoration:none}.login-container .code-links a:hover{text-decoration:underline}