@import "/styles.css";.login-container{display:flex;align-items:center;justify-content:center;flex:1 1;min-height:100vh;width:100%}.login-card{max-width:420px;width:100%;margin:1.25rem;padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-xl)}.login-title{margin-top:0;text-align:center;color:var(--brand-primary);font-size:1.75rem;margin-bottom:.5rem}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.login-label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.875rem}.login-input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;font-size:1rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-input,var(--bg-secondary));color:var(--text-primary)}.login-input:focus{outline:none;border-color:var(--brand-primary)}.sign-in-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;background:var(--brand-primary);color:var(--text-inverse);transition:background .2s ease,transform .1s ease}.sign-in-btn:hover:not(:disabled){background:var(--brand-primary-strong)}.sign-in-btn:active:not(:disabled){transform:scale(.98)}.sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.sign-in-link{display:block;width:100%;margin-top:.75rem;padding:.5rem;background:none;border:none;color:var(--text-muted,var(--text-secondary));font-size:.875rem;text-align:center;cursor:pointer;text-decoration:underline}.sign-in-link:hover{color:var(--brand-primary)}.sign-in-link:disabled{opacity:.6;cursor:not-allowed}.magic-code-row{display:flex;gap:.5rem;justify-content:space-between;margin:.5rem 0 1.25rem}.magic-code-input{flex:1 1;min-width:0;width:100%;aspect-ratio:1/1;padding:0;text-align:center;font-size:1.5rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-input,var(--bg-secondary));color:var(--text-primary)}.magic-code-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.magic-code-actions{display:flex;flex-direction:column;margin-top:.5rem}.magic-code-actions form{margin:0}.login-form-fields{display:block}.login-pending{display:none;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 0;color:var(--text-secondary);font-size:.95rem}form[data-submitting=true] .login-form-fields{display:none}form[data-submitting=true] .login-pending{display:flex}.login-pending .loading-spinner{margin-right:0;border-color:color-mix(in srgb,var(--text-secondary) 30%,transparent);border-top-color:var(--text-secondary)}.error-message{background:var(--error-bg);border:1px solid var(--error-muted);color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;display:none}.error-message.show{display:block}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--text-inverse) 30%,transparent);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.membership-sync-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);background:var(--bg-primary)}.membership-sync-spinner{width:32px;height:32px;border:3px solid var(--border-muted);border-top-color:var(--accent-primary);margin-right:0}.membership-sync-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.features{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.features ul{list-style:none;padding:0;margin:0}.features li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.features li:before{content:"✓";color:var(--brand-primary);font-weight:700}