h1{margin-bottom:32px;font-size:1.5rem;font-weight:400;text-align:center;color:currentColor}p{text-align:center;color:currentColor}.form-group{display:flex;flex-direction:column;text-align:left;margin-bottom:24px}.form-group label{margin-bottom:8px;margin-left:4px;font-size:.875rem;font-weight:500;color:var(--on-background-variant)}.form-group input{padding:16px;border-radius:12px;border:1px solid var(--outline-variant);background-color:var(--background);color:var(--on-background);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary);border-width:2px;padding:15px}.auth-container button[type=submit]{width:100%;padding:16px;border-radius:100px;background-color:var(--primary);color:var(--background);border:none;font-weight:600;font-size:1rem;cursor:pointer;margin-top:8px;transition:opacity .2s}.auth-container button[type=submit]:hover{opacity:.9}.auth-container p{margin-top:24px;font-size:.875rem;color:var(--on-background-variant)}.auth-container p a{color:var(--primary);text-decoration:none;font-weight:600}.auth-methods{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;border-radius:100px;font-weight:600;font-size:1rem;cursor:pointer;border:1px solid var(--outline-variant);background-color:var(--background);color:var(--on-background);text-decoration:none;transition:background-color .2s}.auth-btn:hover{background-color:var(--surface-container-low)}.auth-btn.google{background-color:#fff;color:#1f2937;border-color:#d1d5db}.auth-btn.google:hover{background-color:#f9fafb}.auth-btn.passkey{background-color:var(--primary);color:var(--background);border:none}.auth-btn.passkey:hover{opacity:.9}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--on-background-variant);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--outline-variant)}