h1{font-family:var(--font-secondary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--colour-light-primary)}p{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--colour-light-primary);opacity:.8}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.container{display:flex;align-items:center;justify-content:center;min-height:100svh}.login-card{display:flex;align-items:center;background-color:#2b273078;padding:4rem;border-radius:var(--border-radius-lg)}.login-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.login-form form{display:flex;flex-direction:column;align-items:center;width:30vw;padding:var(--spacing-lg);gap:var(--spacing-lg)}.login-form input{background-color:#d3d3d3;padding:.8rem;border-radius:var(--border-radius-base);width:23vw}.login-form button{background-color:var(--colour-highlight-secondary);padding:.5rem;width:23vw;border-radius:var(--border-radius-base);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.login-form button:hover{background-color:var(--colour-light-primary);color:var(--colour-highlight-primary);transition:var(--transition-duration) var(--transition-easing);cursor:pointer}.login-logo img{width:25vw;aspect-ratio:1/1;background-color:#f2f2f2e3;border-radius:100vw}.register{justify-content:center;align-items:center;display:flex;gap:.5rem}.register a{color:var(--colour-highlight-secondary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.register a:hover{color:var(--colour-light-primary);transition:var(--transition-duration) var(--transition-easing)}#message{color:red;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:23vw;text-align:center}.qr-code{display:flex;justify-content:center;align-items:center;background:#fff;padding:16px;border-radius:8px;width:200px;height:200px;margin:0 auto}.qr-code svg{width:200px;height:200px}.login-form p{text-align:center}