.login-container{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;min-height:40vh;height:auto;width:min(420px,92vw);position:relative;left:50%;top:50%;transform:translate(-50%,-50%);padding:1rem 0}.login-container-tall{top:46%}.login-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--color-dark-3)}.login-error{color:var(--color-error);margin-bottom:1rem}.login-hint{margin:.15rem 0 .35rem;font-size:.8rem;line-height:1.35;color:var(--color-dark-1);text-align:center}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;gap:5px}.login-button{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--color-primary-2);border-radius:.5rem;font-size:1rem;font-weight:500;background:var(--color-primary-1);color:var(--color-dark-3);transition:background .15s ease,border-color .15s ease,color .15s ease}.login-button:hover{background:var(--color-primary-3);border-color:var(--color-dark-3);color:#fffef9}.login-link{color:var(--color-primary-3);text-decoration:none;margin-top:1rem;font-size:1rem;font-weight:500}.login-link:hover{color:var(--color-dark-3)}.login-input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:1rem;font-weight:500;color:var(--color-dark-3);background:#fffef9}.totp-qr{width:200px;height:200px;flex-shrink:0}.totp-qr :global(svg){width:100%;height:100%;display:block}.totp-secret{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:70%}.totp-secret-label{font-size:.85rem;font-weight:600;color:var(--color-dark-1)}.totp-secret-value{display:block;padding:.55rem .65rem;border-radius:.5rem;border:1px dashed var(--color-border);background:color-mix(in srgb,var(--color-primary-1) 8%,#fffef9);font-size:.85rem;line-height:1.4;letter-spacing:.04em;word-break:break-all;color:var(--color-dark-3);-webkit-user-select:all;user-select:all}.totp-copy-btn{margin-bottom:0}